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
- Tools and libs: Google doc -fr-
- Components and redux state: Google doc -fr-
- Steps: PLAN -fr-
- 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:
You should install these tools, those are must-haves (but are optionals):