Build Redux From Scratch

Learn Internals of Redux Core by building it

What you'll learn

Understand Redux Internals: Grasp the core principles of Redux (store, actions, reducers, dispatch, subscriptions) by building them step-by-step.

Build a State Management Library: Create a lightweight, functional Redux-like library from scratch using vanilla JavaScript.

Implement Middleware: Develop custom middleware (e.g., logging, async thunks) to extend the library’s functionality.

Combine Reducers: Learn to modularize state management by combining multiple reducers into a single state tree.

Requirements

Basic JavaScript Knowledge

Basic Redux Knowledge

Description

Unlock the power of state management by building your own Redux core library from the ground up! In this hands-on course, you’ll dive deep into the internals of Redux, one of the most popular state management libraries for JavaScript applications. Designed for intermediate JavaScript developers, this course takes you step-by-step through creating a lightweight, fully functional Redux-like library, giving you a profound understanding of how state management works under the hood.What You'll LearnMaster Redux Fundamentals: Understand core concepts like the store, actions, reducers, dispatch, and subscriptions by implementing them yourself.Build a Custom Library: Create a minimal, production-ready state management library in vanilla JavaScript, complete with middleware and combined reducers.Enhance with Middleware: Add powerful features like logging and async action handling to your library.Modularize State: Learn to manage complex state with combineReducers for scalable applications.Who This Course Is ForAll levels of JavaScript developers who want to deeply understand state management.React developers looking to master Redux’s internals for better debugging and customization.Aspiring library creators curious about building their own tools.Developers preparing for technical interviews where state management questions are common.Why Take This Course?Unlike typical Redux courses that focus on using the library, this course empowers you to build it, demystifying its magic. By creating your own state management solution, you’ll gain confidence in handling complex app logic, debugging Redux apps, and even designing custom libraries.Enroll now and start building your own Redux core library today! Transform your JavaScript skills and take control of state like never before.Prerequisites: Basic JavaScript (ES6+) knowledge.

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 Course Repository

Section 2: Overview & Setup

Lecture 3 Redux Overview

Lecture 4 Setup Instructions

Lecture 5 Creating New Project

Section 3: Redux Core Library Methods

Lecture 6 Create Store

Lecture 7 Dispatch

Lecture 8 Subscribe

Lecture 9 Subscribe and Unsubscribe from Store

Lecture 10 Add Basic Error Handling

Lecture 11 Using the Redux Library We Created

Section 4: Middleware & More

Lecture 12 Middlewares

Lecture 13 Logger Middleware

Lecture 14 Tests for Middleware

Lecture 15 Combine Reducer I

Lecture 16 Combine Reducer II

Lecture 17 Combine Reducer III

Lecture 18 Thunk Middleware

Section 5: Publishing the Library

Lecture 19 Publishing the Package

Lecture 20 Comparing the Code

Section 6: Conclusion

Lecture 21 Conclusion

Beginner, Intermediate or Advanced JavaScript Developers