react-requirejs-boilerplate

Example of using requirejs-babel

Install

git clone https://github.com/hipertracker/react-requirejs-boilerplate.git
cd react-requirejs-boilerplate
npm install

Launch

npm start
open http://localhost:3000

Resources

Babel ES6+ & React

• React on ES6+ http://babeljs.io/blog/2015/06/07/react-on-es6-plus/
• Learn ES2015. A detailed overview of ECMAScript 6 features http://babeljs.io/docs/learn-es2015/

Dev tools

• Flow - a static type checked for JavaScript http://flowtype.org/

• React Developer Tools (Chrome extension)

Data workflow

Flux

• Flux For Stupid People http://blog.andrewray.me/flux-for-stupid-people/

• Flux: No More Stores, Meet Reducer https://blog.javascripting.com/2015/06/19/flux-no-more-stores-meet-reducer/ + discussion on Reddit

• Dan Abramov - Live React: Hot Reloading with Time Travel https://www.youtube.com/watch?v=xsSnOQynTHs (react-europe 2015)

The best Flux libs:

• Nuclear-JS http://optimizely.github.io/nuclear-js/

• Redux https://github.com/gaearon/redux, successor of Flummox

• Alt http://alt.js.org/ + Chrome extension

• Marty http://martyjs.org/ + Chrome extension

Immutability, GraphQL and Relay

• Immutable Data and React https://www.youtube.com/watch?v=I7IdS-PbEgI (React.js Conf 2015)

• Lee Byron - Exploring GraphQL at react-europe 2015 https://www.youtube.com/watch?v=WQLzZf34FJ8(author of Redux)

• Joseph Savona - Relay: An Application Framework For React at react-europe 2015https://www.youtube.com/watch?v=IrgHurBjQbg

Mobile

• React Native https://facebook.github.io/react-native/

Other

• It's much easier to recover from "No abstraction" then a "Wrong abstraction" - Sebastian Markbage: Minimal API Surface Area http://2014.jsconf.eu/speakers/sebastian-markbage-minimal-api-surface-area-learning-patterns-instead-of-frameworks.html (JSConf EU 2014)

• React Europe 2015 at Youtube

• React.js Conf 2015 at Youtube