![The Redux Official Course Tutorial - Code Along for All Levels [Video]](https://content.packt.com/V21762/cover_image_small.jpg)
The Redux Official Course Tutorial - Code Along for All Levels [Video]
Subscription
FREE
Video + Subscription
$29.99
Video
$109.99
What do you get with a Packt Subscription?
What do you get with a Packt Subscription?
What do you get with Video + Subscription?
What do you get with a Packt Subscription?
What do you get with eBook?
What do I get with Print?
What do I get with Print?
What do you get with video?
What do you get with Audiobook?
Subscription
FREE
Video + Subscription
$29.99
Video
$109.99
What do you get with a Packt Subscription?
What do you get with a Packt Subscription?
What do you get with Video + Subscription?
What do you get with a Packt Subscription?
What do you get with eBook?
What do I get with Print?
What do I get with Print?
What do you get with video?
What do you get with Audiobook?
-
Free ChapterRedux 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
-
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
-
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
-
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
About this video
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.
- Publication date:
- October 2023
- Publisher
- Packt
- Duration
- 10 hours 7 minutes
- ISBN
- 9781835467657