Useful links for those new to the react ecosystem

react_links.md

ECMAScript

The sixth version of ECMAScript (called ES6 or ES2015) has now been finalized and we'll be taking advantage of the new features+syntax available. Since not all browsers support the new standard (yet) we'll be using Babel as a transpiler. This allows us to write future-proof code, that will still work today.

• Learn ES2015: http://babeljs.io/docs/learn-es2015/
• Building modular javascript applications in es6 with React, Webpack, and Babel: https://medium.com/@yamalight/building-modular-javascript-applications-in-es6-with-react-webpack-and-babel-538189cd485f
• ESLint docs: http://eslint.org/docs/user-guide/configuring
• List of ES6 posts by Nicholas Zakas: http://www.nczonline.net/blog/tag/ecmascript-6/
• Understanding ES6 (online book): https://leanpub.com/understandinges6/read

React

React is a view library developed by Facebook. We will use it to create frontend components in JSX, an extension to the Ecmascript standard to allow nesting XML elements inside javascript.

• Repo: https://github.com/facebook/react
• Docs: https://facebook.github.io/react/docs/getting-started.html
• Original FB talk: https://www.youtube.com/watch?v=nYkdrAPrdcw
• ReactJS for stupid people: http://blog.andrewray.me/reactjs-for-stupid-people/
• React DevTools: https://github.com/facebook/react-devtools
• Baby's first reaction: https://medium.com/javascript-scene/baby-s-first-reaction-2103348eccdd
• JSX looks like an abomination: https://medium.com/javascript-scene/jsx-looks-like-an-abomination-1c1ec351a918
• Two React tips: https://medium.com/@dan_abramov/two-weird-tricks-that-fix-react-7cf9bbdef375
• You know what? Just read everything that Dan Abramov posts: https://medium.com/@dan_abramov

Flux

Flux is a design pattern developed by Facebook. There are many implementations, but we will be using Redux. There is some debate on whether or not Redux is truly Flux.

• Repo: https://github.com/facebook/flux/
• Docs: http://facebook.github.io/flux/docs/overview.html#content
• TodoMVC Example: https://github.com/facebook/flux/tree/master/examples/flux-todomvc
• Flux for stupid people: http://blog.andrewray.me/flux-for-stupid-people/
• The case for Flux: https://medium.com/@dan_abramov/the-case-for-flux-379b7d1982c6
• Redux docs: http://rackt.github.io/redux/index.html

React Router

• Repo: https://github.com/rackt/react-router
• Docs: https://rackt.github.io/react-router/

Webpack

• Repo: https://github.com/webpack/webpack
• Docs: http://webpack.github.io/docs/what-is-webpack.html
• Setting up Webpack for React: https://robots.thoughtbot.com/setting-up-webpack-for-react-and-hot-module-replacement