Book Image

Redux Recipes [Video]

By : MMA DAWOUD
Book Image

Redux Recipes [Video]

By: MMA DAWOUD

Overview of this book

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. The code bundle for this video course is available at https://github.com/PacktPublishing/-Redux-Recipes

Related Content you might be interested in

Current Title:

Small book image
Redux Recipes [Video]
MMA DAWOUD
Feb, 2019 | 3 hours 0 minutes
No titles found
Table of Contents (6 chapters)
Free Chapter
1
Up and Running with Redux
The Course Overview
Understanding Redux Through a Non-Technical Example
Adding Redux to Application
First Redux Application
Restore State from Store
Firing Different Actions
Handling Different Actions in Reducers
Subscribing to Redux State
Understanding createStore() and reducers
Splice Reducers and Combine Them
Summary
2
Integrating Redux with React
Installing React and Creating a React App
Building a Simple React App
Understand How Components Share State Without Redux
Installing and Configuring React-Redux
Connecting Components with Redux
Dispatching Actions
Clean Up and Some Tips
PropTypes
Summary
3
Middlewares in Redux
Understanding Middlewares
Building a Simple Logging Middleware
Integrating ReduxDevTools
Time Travel Debugging with ReduxDevtools
Summary
4
Working with Deeply Nested Data
Extending the State
Pushing Data to a Nested State
Updating and Deleting Nested Data in State
Implementing a Single Search Field
Summary
5
Handling Server Data
HTTP Requests in Redux
Integrating Redux-Thunk
Using Promises to Fire Actions Before and After HTTP Requests
Persisting State
Summary
6
Unit Testing Redux
Prepare Project for Unit Testing
Write Tests for Action Creators
Writing tests for Async Actions with Moxios and Redux Mock Store
Writing Tests Reducer Functions
Testing React Connected Components with Enzyme
Summary
Chapter 5
Handling Server Data
Content Locked
Section 3
Using Promises to Fire Actions Before and After HTTP Requests
We need another concise way to handle the async action creator, promise middleware is a perfect option for that. - Install required lib which is redux-promise-middleware And configure it in the store - Convert the async action creator to use the style of promise middleware and clean up the unnecessary code - Refactor the reducer to handle the pending, fulfilled, and rejected actions based on the promise middleware
Previous Section
End of Section 3
Next Section