Bootstrapping React Applications

Len Smith @ignu

create-react-app

este.js

create-react-app

npm install create-react-app -g

./package.json

/create-react-app/package.json

./package.json

Isomorphic

Routing Ajax

Forms

optimizations

Redux devtools api

Hot Reloading Better CSS Internationalization a11y

postcss effects

crash reporting

Testing test runners enzyme icons

SVGs

immutablejs Auth OAuth

•

web only

•

redux

•

remove-demo

React

•

Isomorphic

•

express back end

•

graphql

React

•

React Native Only

•

Lots of controls, options

•

Redux Sagas

•

Redux Sauce

•

Api Sauce

•

Reactotron

•

No Forking

React

http://este.firebaseapp.com

Entire Application State in one single object Reducers are Pure functions taking in old state and returning a new one

Action

Reducer

Store

dispatch

View

“Immutable data cannot be changed once created, leading to much simpler application development […]. Persistent data presents a mutative API which does not update the data inplace, but instead always yields new updated data.”

List Map OrderedMap Set Stack Range Seq

Redux DevTools

redux-storage

common/configureStore.js

browser/main.js

So many little things!

common/theme.js

autoprefixer

react-router-scroll

React Helmet

./browser/app/components/ Loading.react.js

Loading.react.js continued…

Thanks! Len Smith @ignu http://turing.cool