Batch React updates that occur as a result of Redux dispatches, to prevent cascading renders

Last update: Nov 21, 2022

Related tags

Overview

redux-batched-updates

Batch React updates that occur as a result of Redux dispatches, to prevent cascading renders. See https://github.com/gaearon/redux/issues/125 for more details.

npm install --save redux-batched-updates

Usage

// Use as higher-order store
import { batchedUpdates } from 'redux-batched-updates';
const store = batchedUpdates(createStore)(reducer, intialState);

// Or as middleware
import { batchedUpdatesMiddleware } from 'redux-batched-updates';
const m = composeMiddleware(thunk, promise, batchedUpdatesMiddleware);
const store = applyMiddleware(m)(createStore)(reducer, initialState)

You might also like...

Front-end of the movie application created with React.js and Redux

# Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run:

6 Aug 21, 2021

Recipe Catalogue is a React & Redux web app based on a catalog of recipes.

Recipe Catalogue is a React & Redux web app based on a catalog of recipes. It contains a browsable list of meals that you can filter by category or type and access to one meal recipe. The data is retrieved from [Meals DB (https://www.themealdb.com/api.php) and then stored in the Redux store.

13 Oct 19, 2022

The ultimate React SSR, Redux-powered example.

Redux server-side The ultimate React SSR, Redux-powered example. But why? Does any of the following sentences describe your SSR adventures? You'd love

3 Aug 20, 2021

This command line helps you create components, pages and even redux implementation for your react project

react-help-create This command line helps you create components, pages and even redux implementation for your react project. How to install it? To ins

27 Dec 10, 2022

A sample React TypeScript Redux Toolkit CRUD app

19 Dec 23, 2022

Redux-Toolkit example with React Hooks CRUD Application, Axios, Rest API, Bootstrap

70 Jan 5, 2023

Notas de estudo sobre o workflow de implementação do React Redux Toolkit.

Resumo: Redux Toolkit Este projeto foi criado com Create React App, usando o Redux e Redux Toolkit como modelos. Documentação: https://redux-toolkit.j

6 Oct 25, 2022

Pomofocus clone built with React, Redux, & Firebase [WIP]

Pomofocus Clone Pomodoro Timer Pomofocus is a customizable pomodoro timer that works on desktop & mobile browser. The aim of this app is to help you f

36 Jan 4, 2023

Single page application for tracking cryptocurrencies. Includes sorting, animations, graphs and more. Made using React & Redux.

Crypto Tracker A single page application meant to keep track of the most popular crypto currencies status. The user can sort the coins by highest gain

17 Dec 18, 2022

Comments

Upgraded logic to work with React v0.14
Upgraded to work with React v0.14

Changes

Upgraded react dependency

Added react-dom dependency

Now uses unstable_batchedUpdates rather than the batchedUpdates-addon

Tests:

Uses the renderSpy to pass results back to the test. React does not like that we access the props of the rendered div
opened by PAkerstrand 0
The addon is removed in 0.15

The batchedUpdates addon is removed, does that mean the issue does not exist anymore?

https://facebook.github.io/react/blog/2016/03/07/react-v15-rc1.html#breaking-changes

Maybe a good idea to note that in the readme

opened by EECOLOR 3

Update to support React 0.14

Running this with React 0.14 gives the following warnings:

Warning: require('react/addons') is deprecated. Access using require('react-addons-{addon}') instead.
warning.js
Warning: React.addons.batchedUpdates is deprecated. Use ReactDOM.unstable_batchedUpdates instead.

opened by bengillies 5

Dispatch returns undefined in certain cases.
I brought up this issue in rackt/redux#481.

Im not sure if this can be solved from a code point of view but it might be worth documenting the issue with dispatch result being undefined in certain cases.

middleware needs to come after thunk, promise or any middleware where you expect a value to be returned.

with non-thunk actions you will not be able to access the return value.

Perhaps worth listing redux-batched-subscribe as an alternative.
opened by tappleby 1