Breaking News: Grepper is joining You.com. Read the official announcement!

react is it better to store variables in 1 object or all separated state

Dayana-san answered on January 18, 2023 Popularity 1/10 Helpfulness 1/10

answer react is it better to store variables in 1 object or all separated state

react is it better to store variables in 1 object or all separated state

Comment

With React 18, state updates are automatically batched so you don't really need to mash everything together in a single state object. Read the section on Automatic Batching here. Knowing that, here are some tips I got from This Article

Keep your state as flat as possible. Nested objects are unruly to manage and can introduce re-rendering bugs.
Not everything needs to be a state object.
Use succinct and descriptive names.



Prior to React 18, it was recommended to group state variables that were expected to change together. React used to batch state updates but only those directly within React events such as onClick, onChange, etc. and lifecycle methods such as useEffect. Multiple state updates within async methods e.g. fetch() weren't batched.

However with React 18, all state updates occurring together are automatically batched into a single render. This means it is okay to split the state into as many separate variables as you like.

Source: https://reactjs.org/blog/2022/03/29/react-v18.html#new-feature-automatic-batching

Still, it is a good practice IMO to keep related pieces together for better code readability. But state objects should be kept at a manageable size otherwise useReducer() should be used

https://stackoverflow.com/questions/73300463/is-it-better-to-use-multiple-states-or-one-state-object-in-react

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript object state store variables

Link to this answer
Share Copy Link

Contributed on Jan 18 2023

Dayana-san

0 Answers Avg Quality 2/10

react is it better to store variables in 1 object or all separated state

Contents

More Related Answers

react is it better to store variables in 1 object or all separated state

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.