redux

Simplify and standardize your Redux configuration with Redux Toolkit

The Redux team has developed a toolkit to simplify and standardize some of the techniques used to roll out a Redux-based solution. Known as the Redux Toolkit, it implements some design patterns that can help you write less code and organize it effectively. Read on to find out how it can streamline the configuration of your Redux application.

Redux Middleware and Enhancers: Getting Redux to log, debug and process async work

The Redux API provides for monitoring and adjusting the state store using a middleware API. Middleware APIs can intercept requests to execute actions and generate side-effects. Common uses of Redux Middleware include: Persisting Redux state to local storage and restoring it on startup Logging actions and pre/post state for each dispatch Asynchronous processing in action … Read More

Replacing state in Redux reducers: a few approaches

There are a few basic strategies for managing state in Redux, and which ones you use depend on the level of language support an other APIs you have at your disposal. Here are four approaches: using a collections API, Object.assign, Immutable.js and the ES spread operators.

React application state management with Redux

The first in a series of posts about Redux, the de-facto state storage engine for React, and how to integrate it with a React app. In this first article we make a case for Redux over passing props for events and data, and show a simple configuration.