Eric Vicenti ericvicenti

Intro To React

Today we will walk through the creation of our first React web app!

Why React

Coming Soon

Create your first app

First you'll need node.js and a JavaScript editor like atom.

Problem 1 - Fake Accounts

To mitigate this, the non-shitty network should require a verified phone number. This is far from a complete solution, but most people have one and only one phone number.

Eventually, authorities could be established who vet the real identity of a user, and provide an additional badge of authenticity. (aka Twitters "blue chekmark")

Problem 2 - Meaning of Karma

It is generally a good idea to keep a rating for every user, so that content produced by assholes can be hidden.

	#
	# Qt5 WebEngine Kiosk Runner
	# deps: apt-get install python-pyqt5.qtwebengine
	#
	import sys, os
	from PyQt5.QtCore import QUrl
	from PyQt5.QtGui import QIcon
	from PyQt5.QtWidgets import QApplication, QWidget, QBoxLayout, QPushButton
	from PyQt5.QtWebEngineWidgets import QWebEngineView

	const fs = require('fs');
	const net = require('net');

	async function isSocketInUse(socketPath) {
	return new Promise((resolve, reject) => {
	const clientSocket = new net.Socket();
	clientSocket.on('error', e => {
	if (e.code === 'ECONNREFUSED') {
	resolve(false);
	} else {


	import Animated from 'react-native-reanimated';

	const defaultApplyValue = (v, dest) => v.setValue(dest);

	export default function useAnimatedValue(currentValue, applyValue = defaultApplyValue) {
	const [val] = useState(new Animated.Value(currentValue));
	useEffect(
	() => {
	applyValue(val, currentValue);

	import React, { forwardRef, useRef } from "react";

	const Input = forwardRef((props, ref) => (
	<input type="text" ref={ref} className="input" {...props} />
	));

	function doSideEffect() {
	alert("hey, focused!");
	}

	-----BEGIN PGP PUBLIC KEY BLOCK-----

	mQGNBGECaCcBDAC0v1pxNonLk02TAncNgi3QZvqmvvOLzdr2kPSCQM+8O3w9xN8Z
	WnO7MdeF7fH9yuUvLI9vrDQrE7qhdLB29nvqiDesfzhVgbijOZjKgYfeyk894/6V
	xdkrZXhs2pdkYKXp5aFc/ceMpDk0F9RaWv/8nAkB9vSJSByMujj+BehQKjNRGppI
	Aa555S3pv4INluElRFkF9EVKmdzSVNMjVXx+9VwNy7uy1aaMTyAXM/ilcljvxjWS
	XEOFO8k50A2Q14KYhtT8/IwDBqXu3SvZGpXFmkgicX0yNobKJ0E1Mc1DPBsh584X
	4zt8Gt2rdaXHA1/RWzxdY7lQLzpz47S0VDZcfP1U0Z10lMJN9yj7r6hh3Zn1vj2u
	Gl0x8fzJ2rY4csFmD9o7UUsFG+2JA9qbveVTvGmomqLgfqOZwE+6mw06tipHQu3r
	DIX+eeK8mEQzUSzEmZHC4FhB3LO1RlCu5ZQIr5mnuqGUc/ZpRwdmp6liHrGHxzUA