administateur

06 Nov 2022

useState vs. useReducer

usereducer s one of the additional Hooks that shipped with React v16.8. An alternative to the usestate Hook, usereducer helps you manage complex state logic in React applications. When combined with other Hooks like usecontext,useReducer can be a good alternative to Redux, Recoil or MobX. In certain cases, it is an outright better option.

While Redux, Recoil, and MobX are usually the best options for managing global state in large React applications, more often than necessary, many React developers jump into these third-party state management libraries when they could have effectively handled their state with Hooks.

When you consider the complexity of getting started with a third-party library like Redux, which is made much easier with Redux Toolkit, and the excessive amount of boilerplate code needed, managing state with React Hooks and the Context API becomes quite an appealing option. There’s no need to install an external package or add a bunch of files and folders to manage global state in our application.

But, the golden rule still remains. Component state for component state, Redux for application state. In this tutorial, we’ll explore the UseReducer Hook in depth, reviewing the scenarios in which you should and shouldn’t use it. Let’s get started!