O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Mastering Redux

Video Description

Make your Redux applications dynamic and highly scalable

About This Video

  • A structured approach, focusing on practical goals, and an accessible learning format
  • Write applications that behave consistently, run in different environments (client, server, and native), and are easy to test
  • You'll be able to make better architectural decisions and learn to tackle any performance pitfalls

In Detail

This course empowers Redux users by helping them make better architectural decisions. After going through the architectural standpoint of building a large-scale Redux application, you'll dive into common performance pitfalls and how to avoid them. Next, you'll make tools that interact with Redux. Moreover, you'll go through the different approaches to asynchronous effects and how to maintain an organization at scale. You'll be introduced to the server-rendering concept and learn to deal with it in React applications. Also, you'll understand what's needed to load your Redux store from the server.

Finally, we mention use cases where Redux might not be that useful and talk about helpful tools in the react-Redux ecosystem.

The code bundle for this course is available at https://github.com/PacktPublishing/Mastering-Redux

Downloading the example code for this course: You can download the example code files for all Packt video courses you have purchased from your account at http://www.PacktPub.com. If you purchased this course elsewhere, you can visit http://www.PacktPub.com/support and register to have the files e-mailed directly to you.

Table of Contents

  1. Chapter 1 : Architectural Decisions
    1. The Course Overview 00:03:12
    2. Global State and Where to Consume It 00:06:28
    3. Information Architecture – Models versus Features 00:04:23
    4. Choosing the Correct Project Structure 00:06:00
    5. Scaling Your Application Using Ducks 00:05:31
  2. Chapter 2 : State Management
    1. Managing User Events 00:05:05
    2. Managing API Data 00:06:34
    3. Solving Real Life Problems Using Flux 00:06:44
  3. Chapter 3 : Redux State Management
    1. Actions and Action Creators AntiPatterns 00:02:49
    2. Composing Reducers for Improved Reusability 00:02:15
    3. Adding Tests to Your Redux Application 00:03:02
    4. Solving the Same Problem with Redux and Other Libraries 00:04:17
  4. Chapter 4 : React-Redux Ecosystem
    1. Using Immer to Reduce Boilerplate 00:03:31
    2. Taking Advantage of Redux-Actions 00:03:42
    3. Redux-First-Router 00:03:49
  5. Chapter 5 : Enhance the Performance
    1. Low Hanging Fruit 00:02:55
    2. Using Selectors 00:02:43
    3. Using Virtualised Lists 00:01:52
    4. Code-Splitting 00:04:05
  6. Chapter 6 : Building Tools with Redux
    1. Middleware 00:03:28
    2. Destructuring Redux-Thunk 00:02:07
    3. Enhancers 00:02:35
    4. Enhance Your Store 00:03:33
  7. Chapter 7 : Advanced Effect Strategies
    1. Handle Async Actions 00:01:44
    2. Redux-Thunk at Scale 00:04:18
    3. Using Redux-Pack 00:04:10
    4. Redux-Saga 00:07:12
  8. Chapter 8 : Server Rendering
    1. Server Rendering Your React App 00:05:17
    2. Rehydrating Your Code on the Client 00:02:53
    3. Prefetching Data on the Server 00:04:06
  9. Chapter 9 : Redux without Data
    1. Rendering from a Cache 00:04:20
    2. Sharing Data Cache between Server and Client 00:03:24
    3. Persisting the Data Cache 00:03:39