The value of useReducer (proposal)

[DioNNiS]

The value of useReducer (proposal)

[DioNNiS]

useReducer is beneficial when dealing with complex state logic and multiple sub-values; a very deep object for example. As the documentation says, it makes testing and debugging easier.

I'm trying to convey that for the described use case, useState does a better job than useReducer. Please see my example in the first message.

My proposal is to deprecate useReducer and provide more examples for useState.

[TheJarX]

Hi,

useReducer is beneficial when dealing with complex state logic and multiple sub-values; a very deep object for example. As the documentation says, it makes testing and debugging easier. So for small and simple states useState does the job. If you're incrementing the complexity of your state you should start thinking in useReducer

Anyway I believe this sort of questions have a better place: https://react.dev/community

[TheJarX]

I mean, yeah got your point. What I tried to say was that your concrete use case was simple enough to use useState instead of useReducer. No need to deprecate it; just don't use it if you don't need it. Both hooks serve different purposes. As you can see in the source code, they do work in a similar way but with a couple of differences.

You may want to check the documentation for more useReducer examples in order to catch the idea of its purpose:

• https://react.dev/reference/react/useReducer (This one includes an example with Immer)
• https://legacy.reactjs.org/docs/hooks-reference.html#usereducer (this one has very practical examples regarding lazy initialization and the combo with useContext)

Regarding to "...provide more examples for useState". It's up to you how you're going to use useState, I'm sure there're a lot of cool recipes out there (including yours). I mean you can make an API request in the initial state; doesn't mean you should do it tho ¯_(ツ)_/¯.

[harsha-n]

Conside if you are building an ecommerce site or something more complex, at that point of time the useReducer will be of more use than useState. If you consider a simple increment, decrement separate module will be better option. Ensuring that the state remains consistent and predictable across all actions and components can be difficult with a separate module, especially as the application grows and evolves over time