Practical Redux

Beginner

59 Lessons

10h

Certificate of Completion

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

6 Playgrounds

This course includes

6 Playgrounds

Course Overview

Hi, I'm Mark Erikson, also known as @acemarke, and I'm a Redux maintainer I wrote this course in 2017. Many of the concepts are still relevant, but Redux usage has changed significantly. We now teach Redux Toolkit as the standard approach for writing Redux logic, and React-Redux hooks as the default for components. I'd recommend reading through the Redux core docs tutorials, which have been rewritten to explain the "modern Redux" patterns we teach today: https://redux.js.org/tutorials/index I've made th...Show More

Course Content

Introduction

Introduction to the Course

Plan for the Course

Project Planning and Setup

Project Mini-Mek UI Mockups

Creating the Initial Project

Managing Project Dependencies

Redux Setup

Adding Hot Module Replacement

Further Information

UI Layout and Project Structure

Setting Up the UI Toolkit

Initial UI Layout

Building a TabBar Component

Rendering Tab Panels

Thoughts on Folder Structure

Absolute Imports and Feature Folders

Building the First Content Components

Handling Tab State with Redux

Using Redux-ORM

Loading and Displaying Data

File Structure and Mock APIs

Connecting the Unit Info Tab

Setting Up Redux-ORM

Loading Pilot Data

Displaying a List of Pilots

Defining Models with Relations

Handling Selection Logic

Connected Lists, Forms, and Performance

5 Lessons

Form Change Handling, Data Editing, and Feature Reducers

5 Lessons

Form Draft Data Management

8 Lessons

Managing Modals and Context Menus

9 Lessons

10.

Wrapping Up

2 Lessons

Course Author

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

Evan Dunbar

ML Engineer

Carlos Matias La Borde

Software Developer

Souvik Kundu

Front-end Developer

Vinay Krishnaiah

Software Developer

Eric Downs

Musician/Entrepeneur

Kenan Eyvazov

DevOps Engineer

Souvik Kundu

Front-end Developer

Eric Downs

Musician/Entrepeneur

Anthony Walker

@_webarchitect_

Evan Dunbar

ML Engineer

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI-Powered Mock Interviews

Put your skills to the test in a simulated interview setting. Receive personalized feedback based on your performance. Available in Premium & Premium Plus plans.

Adaptive Learning

At various checkpoints throughout Educative courses, you will be prompted to take a quick assessment. Receive a condensed curriculum tailored to your strengths and skill gaps.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!