react-redux-codelab: tvscrub

In this codelab we will build a tvshows tracker with react, redux and firebase.

You can find an instance here to play with: react-redux-codelab (hosted by Firebase)

Slides

1. Tools and libs: Google doc -fr-
2. Components and redux state: Google doc -fr-
3. Steps: PLAN -fr-
4. Steps (detail): Google doc -fr-

Steps

For full steps, you can look up to the Google doc.

This steps are summaries:

• React
  • How do we create a react component (as pure function)
• Redux
  • How do we create a reducer and an action with redux
• react-redux
  • How do we connect our component to our state/actions
• redux-thunk
  • How do we dispatch asynchronous actions
• redux-little-router
  • How do we activate browser navigation
  • This is also the time to retrieve some URL options (route params)
• reselect
  • How to we optimize our container (react-redux)
• firebase
  • How do we deploy the application on your own account

Get tools

Tools and dependencies that are NEEDED, choose between:

• Install everything locally
• Use docker

You should install these tools, those are must-haves (but are optionals):

• google-chrome
• redux-devtools
• react-devtools
• Atom
  • Plugins:
    • highlight-selected
    • file-icons
    • react
    • pigment
    • linter-eslint
    • linter-sass-lint