---
# System prepended metadata

title: How I Manage State in React

---

# How I Manage State in React

# App State
Keep state as low as possible.

1-Local State
2-Lift State
3-Global State (with contexts)

# Local State
# Example of Local state

https://codesandbox.io/s/local-state-u2ddt?file=/src/App.js

# Lift State
![](https://i.imgur.com/Uyr8pCE.png)
# Example of Lift State
https://codesandbox.io/s/props-and-states-forked-2hdnk?file=/src/App.js

# Global State
![](https://i.imgur.com/nIskZFD.png)