🤹‍♀️ 리액트의 상태 관리: useState, ContextAPI, Redux

어떤 변수의 상태가 있다
상태를 관리해야한다.
왜냐하면 이 상태에서 따라서 컴포넌트에서 렌더되는 데이터가 바뀌어야한다.
그리고 변수와 변수들의 서로의 상태에 영향을 준다.

redux vs. contextAPI

1. 미들웨어
2. 유용한 함수와 hooks
3. 하나의 커다란 상태
   

방법#1. useState 사용하기

상태를 저장하는 방법: useState
useState를 최상위 컴포넌트에서 사용해서 상태를 관리하고
하위 자식들에게 상태를 props로 전달하는 형태로 만들 수 있음

방법#2. ContextAPI

상태에 대한 정보를 ContextProvider에 작성하고
이 상태정보를 필요한 컴포넌트들은 그냥 ContextProvider를 import하면 그 정보를 얻을 수 있음

헐!! 계속 변경되는 state관리로 contextAPI 사용하고 있었눈데..!!

각 방법들은 장단점이 있다?!

Reference

• Recoil — 새로운 리액트 상태 관리 라이브러리? (https://medium.com/@kelly.kh.woo/%EB%B2%88%EC%97%AD-recoil-%EC%83%88%EB%A1%9C%EC%9A%B4-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EC%83%81%ED%83%9C-%EA%B4%80%EB%A6%AC-%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC-95b5bea91b0)
• https://react.vlpt.us/redux/