hipertracker / react-requirejs-boilerplate

react-requirejs-boilerplate

Example of using requirejs-babel. There is no Webpack/Browsify processing required. It just uses a browser. Useful when NodeJS cannot be used or is forbiden. ES6+ syntax is provided by 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+
• Learn ES2015. A detailed overview of ECMAScript 6 feature

Dev tools

• Flow - a static type checked for JavaScript
• React Developer Tools (Chrome extension)

Data workflow

Flux

• Flux For Stupid People
• Flux: No More Stores, Meet Reducer + discussion on Reddit
• Dan Abramov - Live React: Hot Reloading with Time Travel (react-europe 2015)

The best Flux libs:

• Redux https://github.com/gaearon/redux, successor of Flummox, isomorphic, minimal state, stateless stores, flexible, minimalistic, Chrome extension with "time travel": redux-devtool, alternative Redux DevTools – Diff Monitor
• NuclearJS http://optimizely.github.io/nuclear-js/, minimal state, default immutable state, inspired by Om, isomorphic soon
• Alt http://alt.js.org/ + Chrome extension, isomorphic
• Fluxible http://fluxible.io/, close to original Flux but isomorphic and it's used by Yahoo in production.

Immutability

• Immutable Data and React (React.js Conf 2015)
• Immutable-JS

GraphQL and Relay

• GraphQL in the age of REST APIs (React Europe 2015)
• Exploring GraphQL (React Europe 2015)
• Creating a GraphQL Serve (React Europe 2015)
• Relay: An Application Framework For React (React Europe 2015)
• JSON Graph: Reactive REST at Netflix alternative to Relay, created by Netflix
• From Flux to Relay and GraphQL (React London May 2015)

Mobile

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

Other

• Sebastian Markbage: Minimal API Surface Area (JSConf EU 2014) - It's much easier to recover from "No abstraction" then a "Wrong abstraction"
• Turning the Database Inside Out
• Inventing on Principle
• Isomorphic JavaScript
• Awesome React - a collection of awesome React libraries, resources and shiny things.
• React Rocks - a collection of React components

Clojure & ClojureScript

• Developing ClojureScript with Figwheel
• Reagent Framework
• Om Next

Conferences

• React Europe 2015 at Youtube
• React.js Conf 2015 at Youtube