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 2
Integrating Redux with React
Content Locked
Section 6
Dispatching Actions
We want here to make some changes in the state by dispatching actions, we created a new folder for actions and then start dispatching after mapping dispatch to props in the components in the connect function. - Create actions folder and create types.js file to hold all the actions times as constants and export them - Create action for orders and use the types from types.js file and handle the action in the reducer - Import the action creator to the component and map dispatch to props to be used as props
Previous Section
End of Section 6
Next Section