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 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 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
- 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