Redux

7h 13m 23s
English
Paid

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.

Read more about the course

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

Join premium to watch
Go to premium
# 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

Similar courses to Redux

Complete React Developer in 2023 (w/ Redux, Hooks, GraphQL)

Complete React Developer in 2023 (w/ Redux, Hooks, GraphQL)udemyzerotomastery.io

Category: React.js, Redux
Duration 39 hours 24 minutes 36 seconds
My first Remix app

My first Remix appBuild UI

Category: React.js
Duration 5 hours 44 seconds
MobX In Depth With React(Hooks+TypeScript)

MobX In Depth With React(Hooks+TypeScript)udemy

Category: React.js, Other (Tools)
Duration 2 hours 25 minutes 54 seconds
Build a React & Redux App w CircleCI CICD, AWS & Terraform

Build a React & Redux App w CircleCI CICD, AWS & Terraformudemy

Category: React.js, AWS, Redux, Terraform
Duration 25 hours 45 minutes 21 seconds
Redux Saga

Redux Sagapluralsight

Category: React.js, Redux
Duration 2 hours 54 minutes 54 seconds
Zero to Full Stack Hero

Zero to Full Stack Heropapareact.com

Category: JavaScript, React.js, Others, CSS, Node.js, GraphQL, Firebase
Duration 101 hours 29 minutes 59 seconds
Fullstack React with Typescript

Fullstack React with Typescriptfullstack.io

Category: TypeScript, React.js
Duration 10 hours 16 minutes 46 seconds
The Ultimate React Course 2024: React, Redux & More

The Ultimate React Course 2024: React, Redux & Moreudemy

Category: React.js, Redux
Duration 67 hours 14 minutes 41 seconds
Mastering Next.js - 50+ Lesson Video Course on React and Next

Mastering Next.js - 50+ Lesson Video Course on React and Nextmasteringnuxt.com

Category: React.js, Next.js
Duration 5 hours 9 minutes 45 seconds
MERN Stack - React Node from Scratch Building Social Network

MERN Stack - React Node from Scratch Building Social Networkudemy

Category: React.js, Node.js, MongoDB
Duration 20 hours 49 minutes 20 seconds