Redux

7h 13m 23s
English
Paid

Course description

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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 32 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Redux Course Introduction

All Course Lessons (32)

#Lesson TitleDurationAccess
1
Redux Course Introduction Demo
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

Unlock unlimited learning

Get instant access to all 31 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Modern React with Redux [2023 Update]

Modern React with Redux [2023 Update]

Sources: udemy, Stephen Grider
Congratulations! You've found the most popular, most complete, and most up-to-date resource online for learning React and Redux! Thousands of other engineers
37 hours 44 minutes 46 seconds
Create your Dream Apps with Cursor and Claude AI

Create your Dream Apps with Cursor and Claude AI

Sources: designcode.io
In this course, you will learn to create dream web applications from scratch using Cursor, Claude AI, and a set of powerful AI tools. You will master...
5 hours 46 minutes 6 seconds
React Js A-Z With Laravel - For Beginner to Advanced Level

React Js A-Z With Laravel - For Beginner to Advanced Level

Sources: udemy
This React Js A-Z With Laravel Course will help you to become a Full Stack Web Developer. React has rapidly become one of the most powerful tools for building W
68 hours 1 minute 33 seconds
The essential guide to Firebase with React.

The essential guide to Firebase with React.

Sources: udemy
Create modern app using modern technologies. Do you want to create web applications with Firebase and React ?. This is the course for you.
31 hours 20 minutes 9 seconds
The Creative React and Redux Course

The Creative React and Redux Course

Sources: developedbyed.com
This course will teach you everything you need to know about React. Get started now with 0 experience in React, we will take it step by step from the beginning, understanding ba...
18 hours 13 minutes 6 seconds