DaveCeddia.com – Pure Redux (Complete Package)

DaveCeddia.com – Pure Redux (Complete Package)
English | Size: 922.06 MB
Category: Tutorial

Module 1: Fundamentals of Redux
In Module 1, you’ll learn how Redux works, and how it connects to React.
All those confusing terms you’ve seen? Reducers, action creators, mapStateToProps, mapDispatchToProps, connect… by the end of these lessons, you’ll understand all of them, why they exist, and how they fit together.

Module 2: Build the app
In Module 2, we’ll build a whole app from scratch using what you’ve learned, and pick up some new skills along the way.
We’ll start from nothing, set up a local API server, and build an app that includes routing, authentication, hiding features based on the user’s role, and lots more.
This is the app we’ll build, a courseware with Courses and Lessons, where admins can create courses and users can “buy” them:

Redux isn’t always the right choice
Redux shines in larger apps where you have a lot of interconnected state. But it’s not perfect for every app, especially the smaller ones.

In those cases, the Context API might be perfect. It’s built right into React, and serves as a nice lightweight state management solution.

When you know both Redux and Context, you can pick the best solution for the problem at hand, like a pro.

Learn the Context API + Redux in one bundle
In Complete package, I’m including my course on React Context for State Management as a bonus.

Over the course of 11 video lessons (about 35 minutes), you’ll learn how to use React’s Context API as a simple way to manage state.

Usually available only with an egghead subscription ($250/year), I’m able to provide it to you in this bundle because egghead is awesome (and lets instructors own their content)!

In the Context course we’ll build a mail client. You’ll learn how to handle techniques like login and notifications, as well as performance and testing.

C O N T E N T L I S T I N G:

1 What is Redux Whats it for
2 Start with a Plain React App
3 Add Redux to the React App
4 Actions
5 How the Reducer Works
6 What is Immutability
7 Why Immutability Matters to Redux
8 How to Immutably Update Arrays
9 How to Immutably Update Objects
10 Easier debugging with Redux DevTools
11 Make API calls with reduxthunk
12 Easy immutability with Immer
13 How to Test a Reducer
14 How to Test Plain Action Creators
15 How to Test Async thunk Actions
16 Create the OfCourse App
17 Use a form to get data into Redux
18 Set up an API server
19 POST new records with reduxthunk
20 Proxy requests to the API server
21 Fetch the list of courses
22 Add a New Course Button
23 Add Routing and a CourseDetailPage
24 Fetching courses from the server
25 Style the CourseDetailPage
26 Add Lessons to a Course
27 Save Lessons to the Server
28 Split the Reducers and Use combineReducer
29 Implementing Selectors with reselect
30 Exercise Solution getCourseById selector
31 Fetch Lessons when route changes
32 Edit Lesson Titles and Persist Them
33 Delete Lessons from a Course
34 Create LessonPage and link the lessons
35 Edit lesson contents as Markdown
36 Preview the lesson markdown as HTML
37 Fix the Error Handling in apijs
38 Create LoginPage signup and login
39 Save the JWT Token with Middleware
40 Redirect after login
41 Save the user in localStorage
42 Logging out and the LoginLogout button
43 Hiding components based on role
44 Let users buy courses at the SalesPage
45 Introduction
46 Use Context to avoid prop drilling
47 Allow Children to Update Parents with a callback
48 Hide the implementation details of a Provider
49 Use Multiple Providers in the Same App
50 Use a Consumer Outside the Matching Provider
51 Use Context to Display Notifications
52 Use contextType to access Context without a Consumer
53 Use the useContext Hook to access Context in Function Components
54 Performantly Render a Large List with React Context
55 Test a Component That Uses a Consumer
56 Test a Component That Uses a Provider