Skip to main content

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

React & TypeScript Chrome Extension Development [2021]

React & TypeScript Chrome Extension Development [2021]

Sources: udemy
Hi! Welcome to the comprehensive Chrome Extension Development course using modern web frameworks in 2021. This is the only course on Udemy that is focused on bu
8 hours 52 minutes 35 seconds
Crash Course: Build a Full-Stack Web App in a Weekend!

Crash Course: Build a Full-Stack Web App in a Weekend!

Sources: udemy
Do you want to learn the fundamentals of modern web development fast? Do you want to find out if building websites and apps is the right career path for you? Or maybe you just w...
12 hours 13 minutes 30 seconds
Stripe Payments JavaScript Course

Stripe Payments JavaScript Course

Sources: fireship.io
The Stripe Payments JavaScript Course is a project-based guide to building fullstack payment solutions on the web with Node.js and React. The goal is to provide a solid foundati...
1 hour 29 minutes 26 seconds
Instagram Clone Coding 3.0

Instagram Clone Coding 3.0

Sources: Nomad Coders
nstagram: backend + frontend + application + server. NodeJS, Prisma, GraphQL, Hooks, React Native. You implement almost all Instagram features, including taking
20 hours 48 minutes 39 seconds
Learn React Hooks By Building A Real Application

Learn React Hooks By Building A Real Application

Sources: reacttraining (Ryan Florence)
Learn React Hooks by building key features of a realistic app. After teaching this content to thousands, we've packaged it up into and on-demand course just for
7 hours 14 minutes 44 seconds