Daveceddia - Pure Redux 2020 TUTORiAL | 922 MB

Redux is. not
Redux is a different beast altogether.
You have to set up a store. You have to write a reducer. Maybe add some middleware (don't forget to compose it!). Wrap your app in a Provider. Connect certain components (but not all of them!). Dispatch "actions," which don't appear to do anything.
Oh, you just wanted to make an HTTP call? You need to install redux-thunk for that. Or redux-saga. It's really up to you. Have fun deciding!


The Basics
What is Redux? What's it for?
Start with a Plain React App
Add Redux to the React App
Core Concepts
Actions
Reducers
Immutability in Practice
What is Immutability?
Why Immutability Matters to Redux
How to Immutably Update Arrays
How to Immutably Update Objects
Useful Extras
Easier debugging with Redux DevTools
Make API calls with redux-thunk
Easy immutability with Immer
Testing
How to Test a Reducer
How to Test Plain Action Creators
How to Test Async (thunk) Actions
Create the Of Course App
Use a form to get data into Redux
Set up an API server
POST new records with redux-thunk
Proxy requests to the API server
Fetch the list of courses
Add a "New Course" Button
Add Routing and a CourseDetailPage
Fetching courses from the server
Style the CourseDetailPage
Add Lessons to a Course
Save Lessons to the Server
Split the Reducers and Use combineReducer
Implementing Selectors with reselect
Fetch Lessons when route changes
Edit Lesson Titles and Persist Them
Delete Lessons from a Course
Create LessonPage and link the lessons
Edit lesson contents as Markdown
Preview the lesson markdown as HTML
Fix the Error Handling in api.js
Create LoginPage, signup and login
Save the JWT Token with Middleware
Redirect after login
Save the user in localStorage
Logging out, and the LoginLogout button
Hiding components based on role
Let users buy courses at the SalesPage
React Context for State Management
Use Context to avoid prop drilling
Allow Children to Update Parents with a callback
Hide the implementation details of a Provider
Use Multiple Providers in the Same App
Use a Consumer Outside the Matching Provider
Use Context to Display Notifications
Use contextType to access Context without a Consumer
Use the useContext Hook to access Context in Function Components
Performantly Render a Large List with React Context
Test a Component That Uses a Consumer
Test a Component That Uses a Provider


https://daveceddia.com/pure-redux/