Understanding Redux: A Beginner's Guide To State Management

INTERACTIVE COURSE

Understanding Redux: A Beginner's Guide To State Management

Beginner

92 Lessons

12h

Certificate of Completion

Understanding Redux: A Beginner's Guide To State Management

18 Playgrounds

8 Quizzes

96 Illustrations

Course Overview

This course is a beginner's gateway into the mechanics of using Redux as an application building platform. It takes a bottom-up approach, enforcing the basic aspects of Redux before incorporating them together in a creative and interactive way. It begins with a short theoretical section before moving on to application based problems. The course does assume that the user has a basic idea of how React works, as Redux works in the React environment. Let's dive in!

Course Content

1

Getting to know Redux (Theory)

Introduction What is Redux?

Explaining Redux to a 5 year Old

Redux Store Actions in Redux Redux Reducer

The Power of Redux

2

Your First Redux Application

Introduction The Structure of the React Hello World Application Revisiting your Knowledge of Redux Creating a Redux STORE The Store and Reducer Relationship The Reducer Getting back to the Refactoring Process The Second createStore Argument Possible Gotcha Conclusion and Summary Introducing Exercises Exercise: User Card Exercise Solution

3

Understanding State Updates with Actions

4

Building Skypey: A More Advanced Example

Introduction Planning the Application Resolving the Initial App Layout: Laying Down The Foundation Resolving the Initial App Layout: The Sidebar Resolving the Initial App Layout: The Main

5

Building Skypey: Designing the State Object

The State Object Identifying the Relationships Restructuring the State Object The Messages Field The Major Problem with Using Objects Over Arrays Preserving the Order in Arrays Recap on the Design of the State Object Building the List of Users Setting up the Store Logging the State Object Passing the Sidebar data via Props

6

Building Skypey: The User Component

7 Lessons

7

Building Skypey: The Empty Screen

4 Lessons

8

Building Skypey: The Chat Window

4 Lessons

9

Building Skypey: Header and Chat Window

8 Lessons

10

Building Skypey: Messaging

7 Lessons

11

The Skypey App

4 Lessons

COURSE AUTHOR

How You'll Learn

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

Videos are holding you back. Educative‘s interactive, text-based lessons accelerate learning — no setup, downloads, or alt-tabbing required.

Learn faster and smarter with adaptive AI tools embedded in every Educative course.

Built-in assessments let you test your skills. Completion certificates let you show them off.

Recommended Courses

BEFORE STARTING THIS COURSE

AFTER FINISHING THIS COURSE

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath