Managing state in your React apps isn’t as simple as using useState or useReducer. Not only are there are a lot of different kinds of state, but there often dozens of ways of managing each kind. Which should you choose? In this guide, we will uncover the several kinds of

freeCodeCamp is a nonprofit organization offering free online coding courses and programming tutorials, covering topics such as web development, data science, and machine learning. Learners can gain practical coding skills, build real-world projects, and earn certifications to advance their careers in tech.

freeCodeCamp

There are four main types of state you need to properly manage in your React apps. Local state is perhaps the easiest to manage in React, considering there are so many tools built into the core React library for managing it. Server state is a simple concept, but can be hard to manage alongside all of our local and global UI state. URL state is often missing as a category of state, but it is an important one.

How to Manage State in Your React Apps