React Redux Workshop

Requirements

• node >= 6
• npm >= 3 or yarn

Optional

• React Devtools extension
• Redux Devtools extension

Editor packages

• Babel Sublime
• atom language-babel

Glossary

• 01 - Setup
• 02 - React
• 03 - Redux
• 04 - Router
• 05 - i18n
• 06 - Preloading
• 07 - Case study: complex transitions
• Going further

What are we going to learn?

• A view library and a syntax extension for JS: React and JSX
• A data state model: Redux and the react-redux binding
• A routing library: react-router v4
• Typechecking: built-in PropTypes
• Asset preloading and i18n integration
• A real life example using complex loading and transitions

JavaScript features used:

• Module syntax
• Classes
• Template literals
• Arrow functions
• Destructuring assignment
• Spread operator
• Map
• Promise

Final result

Demo

---

Next: 01 - Setup