Redux
There's no better strategy for learning a new technology than building your own version of it. In this course, we'll take that to the extreme. First, you'll start off by building your own Redux. Then, once you understand the ins and outs of Redux, you'll look at how to hook that up to a vanilla JavaScript UI. Then, you'll see how React and Redux work together by swapping out your UI with React.
More
After that, we'll address the issues between our React and Redux implementation which will lead us to building our own version of the react-redux bindings. After all of this, you'll take your knowledge of the Redux ecosystem and build a real world application.
Pre-Requisites:
You'll be tempted to jump straight into Redux when you first start using React. Don't do this. If you're already familiar with React and modern JavaScript (ES2015+), this course is perfect for you. If not, this may not be the right starting point for you. Check out our 'React' and 'Modern JavaScript' courses which will be a better fit.
What you'll learn:
Redux
- createStore
- getState
- subscribe
- dispatch
- Reducers
- Actions
- Combining Reducers
- Middleware
- Thunk Middleware
- Logger Middleware
- Utilizing Constants
- Action Creators
- Architectural Patterns
- Redux with JS UI
- Redux with vanilla React
- Normalizing data structures
- Handling Asynchronous Events
- Optimistic Updates
- Error Handling
- Immutability
- Hot Module Replacement
- Time Travel Debugging
Advanced React
- Performance
- Higher Order Components
- React Router v4
- Render Props
- Context.Provider
- Context.Consumer
- Folder Structure
Who is this course for?
- Developers who are comfortable with React and are curious about what benefits Redux will give them.
- Developers who have been trying to learn Redux but are frustrated with the current ecosystem of learning resources.
- Front end developers wanting to modernize their skill set in order to get a raise or apply for another job.
- Mid to Sr level developers who are confident in their ability to learn quickly and want the quickest approach to learning Redux for production.
- Jr developers who are comfortable with JavaScript and React and want to better contribute to their Redux apps at work.
- Developers who want to understand how Redux works under the hood.
- Developers who want to learn how the react-redux bindings work under the hood.
- Developers who have tried and failed to learn Redux before.
Watch Online Redux
# | Title | Duration |
---|---|---|
1 | Redux Course Introduction | 05:13 |
2 | The React-Redux Ecosystem | 09:19 |
3 | Firebase Schema | 13:48 |
4 | Redux Schema | 17:51 |
5 | Redux Actions | 11:20 |
6 | Part 1- Transforming State with Reducers | 14:51 |
7 | Part 2- Transforming State with Reducers | 24:34 |
8 | Up and Running with React and Redux | 07:05 |
9 | Adding React Router to your Redux Project | 04:32 |
10 | Improving your Developer Experience with Redux | 26:23 |
11 | Home Route | 19:12 |
12 | Authentication Mocks | 09:14 |
13 | Connecting our first React Component to Redux | 29:34 |
14 | Redux Thunks | 05:33 |
15 | Route Protection with React Router | 18:31 |
16 | Auth with Firebase | 24:58 |
17 | Developer Tooling with Redux | 03:18 |
18 | combineReducers in Redux. | 22:20 |
19 | Saving data to Firebase in Redux | 22:20 |
20 | Redux Listeners Module | 01:40 |
21 | Firebase Listener | 13:57 |
22 | Architecting a Redux React App | 16:59 |
23 | Managing Normalized Data in Redux and Firebase | 08:42 |
24 | Duck UI | 08:05 |
25 | Fetching Initial Date with Redux and Firebase in React | 03:10 |
26 | Profile UI | 25:20 |
27 | Duck Details UI | 18:33 |
28 | Creating Replies in Redux | 11:14 |
29 | Lists in Redux | 13:48 |
30 | URL State in Redux. | 04:32 |
31 | Video 1- Refactoring to Immutable.js | 09:58 |
32 | Video 2- Refactoring to Immutable.js | 07:29 |