Optimize and Improve a Classic Redux Store Example | The Redux Official Course Tutorial

Book Overview & Buying
Table Of Contents

The Redux Official Course Tutorial - Code Along for All Levels

By : Clarian North

Buy this Video

The Redux Official Course Tutorial - Code Along for All Levels

By: Clarian North

Buy this Video

Overview of this book

Unlock the potential of Redux and the Redux Toolkit in this comprehensive course designed for developers at all levels. We will begin by introducing you to Redux and the Redux Toolkit—a modern solution that streamlines Redux development and enhances productivity. As you progress through the course, we will dive deep into Redux concepts, from fundamental elements such as actions, reducers, and the Redux store to advanced topics such as immutability and the role of selectors in efficient data extraction. Gain hands-on experience in handling asynchronous actions using Redux Thunk and explore the world of middleware patterns. Learn how Redux DevTools can simplify debugging and optimize complex reducer composition. But that’s just the beginning. This course takes you on a journey through advanced topics such as data caching, memoization, and WebSocket streaming. We will build a social media app from scratch, applying our newfound knowledge to real-world scenarios. Plus, we will integrate TypeScript for type-safe and robust application development, ensuring that you are well-rounded in your skills. By the end of this course, you will have the confidence to tackle complex projects, implement best practices, and leverage the full potential of modern Redux, particularly the Redux Toolkit.

Redux Essentials and Overview

Introduction - What This Redux Section Is All About

What Is Redux - Focused Introduction

Why Use Redux

Redux Terms and Concepts

View Action and State in Redux

Immutability in Redux

What Are Actions in Redux

What Are Reducers in Redux

An Example of a Reducer in Redux

What Is the Redux Store

What Are Selectors in Redux

Redux Introduction Summary

Classic Redux 101 - Build an App from Scratch

Overview of the Redux Basic Store Project

Create a New Next JS Typescript React Project

Create a Redux Store and Reducer Function

Setting Up React and Redux State - Local Versus Global

How to Use Dispatch in the Redux App

Setting Up the Provider in Redux

UseSelector and State Management in Redux

Redux State Management Solution Part I

Complete the Redux Store Solution Part II

Optimize and Improve a Classic Redux Store Example

Reconfigure Redux Store for Object Extensibility

Extensibility for Redux Properties as Objects for Filtering and Truth Detection

Update the Basket Redux Code and Review Next Steps

Improved Ternary Toggle and Logic for Liking in Redux

Solution for Redux Basket

Migrate Redux Store to Typescript

Typescript Updates to JavaScript

Material UI and Redux Implementation

Finish Styling the Redux Movie Store Application

Migrating Classic Redux to Modern Redux

ConfigureStore Versus CreateStore in Redux And RTK

Update Reducers and Actions to Redux Toolkit

Convert Type Actions to Reducer Actions

Higher Level - Redux Counter Template Example

Building a New Redux RTK Project - First Steps

Configure the Redux Store and Reducers in React

Setting Up the Redux Component Code Architecture

Redux useSelector Implementation and Demo

Redux Dispatch - Simple Example with RTK

Decrementing Action Solution with RTK Redux

Action Payload with Redux and Local Versus Global Store State Management

CreateAsyncThunk and API Calls with Redux

Redux DevTools Introduction

Optional Solution for Redux API Request Proper Handling

Social Media App with Redux Example

Final Redux Project App Review

Initializing the Project Core Files and Service Options

Setting Up Redux Store and the Post Reducer

Showing the Posts List with Redux RTK

Adding New Posts with Redux

Action Reducers and Dispatch with Redux RTK

Social Media App with Redux Example - Intermediate

Dynamic Routing with React and Redux

Editing Posts with Redux

Customizing Action Payloads with the Prepare Redux Callback Function

Adding Multiple Slices to a Redux Application

Updating Times and Dates to Social Media Feed with Redux

Parsing Time to a Relative Post with Sort and Compare Algorithms and String C

Redux Reactions and Action Payload Customizations

Social Media App with Redux Example - Intermediate to Advanced

Async and Abstracting UseSelectors in Redux

Fetching Data with CreateAsyncThunk in Redux

Proper Loading Practices for Fetching Data in Redux

ExtraReducers Field in Redux Slice with RTK

Sending Post Data to an API with Redux Toolkit

Social Media App with Redux Example - Advanced

User Match for Social Posts with React Router - Extended Features

Notifications Feature Slice with Redux - Destructuring State without Dispatch

Fetching Notifications Data with Redux

React Hooks and Reducers - Rendering Components with Redux

Notifications Badge with Redux

Memoization with Redux and Selectors

React Memo and Redux

Redux CreateEntityAdapter Toolkit

Optimizing Redux with CreateEntityAdapter

Normalizing Data and Full Redux RTK Review

RTK Querying and Advanced Querying Patterns

RTK APISlice for Redux Querying Data Fetching MGMT

Data Caching with RTK Query in Redux

Refetching Data and Semi-Transparency in Redux

TagType and Auto Refetch with Redux

Caching Under the Hood with Mutation in RTK Querying

API Slice Summary with RTK Query

User Slice Data with RTK Query for Redux

Injected Endpoints with RTK Query

Memoization Updates to Cache Data with RTK Query

Caching Optimistic Updates with RTK Query - Advanced

WebSockets and Streaming with RTK Query

Update Notifications with WebSockets Explanation and Changes for Caching Data

Final RTK Updates and Redux Course Summary

The Redux Official Course Tutorial - Code Along for All Levels

By : Clarian North

The Redux Official Course Tutorial - Code Along for All Levels

By: Clarian North

Overview of this book

Confirmation

Buy this book with your credits?

Submit Your Feedback

Create a Free Account To Continue Reading

Sign in to activate your 7-day free access