Jun 1, 2018
2 min read
Table of Contents for Understanding Redux — 1.
Introduction
- My Approach to Teaching Redux
- A Note on Redux’s Learning Curve
- What You will Learn
- Prerequisite
- Download PDF & Epub for Offline Reading .
Chapter 1 : Getting to know Redux.
- What is Redux?
- Why use Redux?
- Explaining Redux to a 5 year Old.
- 1. The BANK VAULT is to the bank what the REDUX STORE is to Redux.
- 2. Go to the bank with some ACTION in mind.
- 3. The CASHIER is to the bank what the REDUCER is to REDUX
Chapter 2: Your First Redux Application
- The Structure of the React Hello World Application
- Revisiting your Knowledge of Redux.
- Creating a Redux STORE
- The Store and Reducer Relationship
- The Reducer
- Getting back to the Refactoring Process.
- The Second
- Possible Gotcha
- Conclusion and Summary
- Introducing Exercises
- Exercises
Chapter 3 : Understanding State Updates with Actions.
- What is a Redux Action?
- Handling Responses to Actions in the Reducer
- Examining the Actions in the Application
- Introducing Action Creators
- Bringing Everything Together
- Actions Dispatched. Does this Thing Work?
- Making the Reducer Count.
- Never Mutate State Within the Reducers.
- Subscribing to Store Updates
- Important Note on Using store.subscribe()
- Okay, Are We Done Yet?
- Conclusion and Summary
- Exercises
Chapter 4: Building Skypey: A More Advanced Example.
- Planning the Application.
- Resolving the Initial App Layout.
- Designing the State object.
- The Major Problem with Using Objects Over Arrays.
- Recap on the Design of the State Object
- Building the List of Users
- Setting up the Store
- Passing the Sidebar data via Props
- Building the User Component
- Got questions?
- You don’t have to Pass Down Props
- Container and Component Folder Structure
- Refactoring to Set Initial State from the Reducer.
- Reducer Composition
- Refactoring
- I’m Lost. How does this work again?
- Building the Empty Screen
- Building the Chat Window
- Breaking the ChatWindow into smaller components
- Submitting the Form
- Updating the Message State
- Tweaks to Make the Chat Experience Natural.
- Conclusion and Summary
- Exercises
