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

Watch Online Redux

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

Fullstack React with Typescript

Fullstack React with Typescript

Sources: fullstack.io
Fullstack React with TypeScript is the complete guide to using TypeScript with React. Learn TypeScript patterns with React additional ecosystem advice (testing, redux, SSR) by b...
10 hours 16 minutes 46 seconds
React Component Testing with Vitest

React Component Testing with Vitest

Sources: Artem Zakharchenko
The closer your tests imitate real application usage, the more confidence they provide. However, for a long time, web developers had to...
1 hour 38 minutes 34 seconds
Data fetching with React Server Components

Data fetching with React Server Components

Sources: Build UI
Since its release 10 years ago, React's core APIs have remained surprisingly stable. The original component boundary that supports state and lifecycle methods still works to thi...
1 hour 15 minutes 56 seconds
Node with React: Fullstack Web Development

Node with React: Fullstack Web Development

Sources: udemy, Stephen Grider
Go beyond the basics of React and Redux! This course will teach you to combine the ultra-popular React, Redux, Express, and MongoDB technologies to build a fullstack web applic...
25 hours 36 minutes 19 seconds
React Data Fetching: Beyond the Basics

React Data Fetching: Beyond the Basics

Sources: fullstack.io
This course will teach you how to efficiently load data in React without using third-party libraries or the useEffect hook. We will create our own library for..
2 hours 40 minutes 15 seconds