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

Redux Recipes

Video Description

Develop complex and maintainable web applications using Redux

About This Video

  • Combine the power of Redux with popular JavaScript libraries to make consistent web applications
  • Explore various advanced techniques with this recipe-based guide to find a solution to numerous common problems you might come across while using Redux
  • Learn to structure and maintain your web application with predictable state containers

In Detail

State management is absolutely critical in providing users with a well-crafted experience with minimal bugs. Redux provides a solid, stable, and mature solution to managing state in your React application.

In this course, you’ll explore advanced state management techniques, router integration, and other common problems that you might encounter while developing your applications. The recipe-based approach allows you to quickly identify your problem and find a solution to it. This course also consists of various recipes that will help you to understand different test-case scenarios created in Redux.

Once you are well-acquainted with Redux, the course will explicitly show you how they work in developing a consistent application with React and Angular.

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

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 : Up and Running with Redux
    1. The Course Overview 00:04:15
    2. Understanding Redux Through a Non-Technical Example 00:02:08
    3. Adding Redux to Application 00:01:28
    4. First Redux Application 00:05:06
    5. Restore State from Store 00:01:13
    6. Firing Different Actions 00:02:46
    7. Handling Different Actions in Reducers 00:03:31
    8. Subscribing to Redux State 00:01:38
    9. Understanding createStore() and reducers 00:04:57
    10. Splice Reducers and Combine Them 00:05:21
    11. Summary 00:01:20
  2. Chapter 2 : Integrating Redux with React
    1. Installing React and Creating a React App 00:01:47
    2. Building a Simple React App 00:04:37
    3. Understand How Components Share State Without Redux 00:04:37
    4. Installing and Configuring React-Redux 00:04:51
    5. Connecting Components with Redux 00:03:06
    6. Dispatching Actions 00:03:07
    7. Clean Up and Some Tips 00:04:44
    8. PropTypes 00:02:05
    9. Summary 00:01:04
  3. Chapter 3 : Middlewares in Redux
    1. Understanding Middlewares 00:03:12
    2. Building a Simple Logging Middleware 00:05:39
    3. Integrating ReduxDevTools 00:03:28
    4. Time Travel Debugging with ReduxDevtools 00:04:36
    5. Summary 00:00:42
  4. Chapter 4 : Working with Deeply Nested Data
    1. Extending the State 00:07:45
    2. Pushing Data to a Nested State 00:11:30
    3. Updating and Deleting Nested Data in State 00:10:42
    4. Implementing a Single Search Field 00:10:09
    5. Summary 00:00:45
  5. Chapter 5 : Handling Server Data
    1. HTTP Requests in Redux 00:04:36
    2. Integrating Redux-Thunk 00:09:03
    3. Using Promises to Fire Actions Before and After HTTP Requests 00:04:33
    4. Persisting State 00:05:12
    5. Summary 00:00:49
  6. Chapter 6 : Unit Testing Redux
    1. Prepare Project for Unit Testing 00:06:05
    2. Write Tests for Action Creators 00:03:04
    3. Writing tests for Async Actions with Moxios and Redux Mock Store 00:08:03
    4. Writing Tests Reducer Functions 00:07:09
    5. Testing React Connected Components with Enzyme 00:08:08
    6. Summary 00:01:25