Aaron McAdam aaronmcadam

React Alicante 2018 Talks

	const Layout = ({ slot1, slot2 }) => {
	return (
	<div>
	<div>{slot1}</div>
	<div>{slot2}</div>
	</div>
	);
	};

	const MyApp = () => <Layout slot1={<p>Hello</p>} slot2={<p>world</p>} />;

	import * as React from 'react';

	/**
	* React.Ref uses the readonly type `React.RefObject` instead of
	* `React.MutableRefObject`, We pretty much always assume ref objects are
	* mutable (at least when we create them), so this type is a workaround so some
	* of the weird mechanics of using refs with TS.
	*/
	export type AssignableRef<ValueType> =
	\| {

	import * as ReactDOM from 'react-dom';

	import { List } from '../components';

	ReactDOM.render(
	<List
	items={[1, 2, 3]}
	renderItem={item => <li key={item}>{item.toPrecision(3)}</li>}
	wrapper={({ children }) => <ul>{children}</ul>}
	/>,

	import React, { Suspense, useState } from "react";
	import { unstable_createResource as createResource } from "react-cache";
	import {
	Combobox,
	ComboboxInput,
	ComboboxList,
	ComboboxOption
	} from "./Combobox2.js";

	function App({ tabIndex, navigate }) {

	let UserContext = React.createContext();

	class App extends React.Component {
	state = {
	user: null,
	setUser: user => {
	this.setState({ user });
	}
	};

	if (typeof window!=='undefined' && navigator.serviceWorker && navigator.serviceWorker.controller) {
	let reloadOnNext = false;

	let pushState = history.pushState;
	history.pushState = function(state, title, url) {
	pushState.call(this, state, title, url);
	if (reloadOnNext===true) location.reload(true);
	};

	navigator.serviceWorker.controller.addEventListener('statechange', e => {

	#!/bin/bash

	usage() { echo "usage: --coursename [--coursename \"build-a-react-app-with-redux\"] --type [--type \"courses\|lessons\"]" 1>&2; exit 1; }

	OPTS=$(getopt -o c:t: --long coursename:,type: -n 'download_egghead_videos.sh' -- "$@")

	if [ $? != 0 ] ; then echo "Terminating..." >&2 ; exit 1 ; fi

	eval set -- "$OPTS"

	// Approach 1: Use React.createClass
	var HelloWorld = React.createClass({
	getInitialState() {
	return { message: 'Hi' };
	},

	logMessage() {
	// this magically works because React.createClass autobinds.
	console.log(this.state.message);
	},

	ARG ASSET_HOST
	RUN bundle exec rake ASSET_HOST=${ASSET_HOST} RAILS_ENV=production assets:precompile