React 상태관리 도와주실 분 찾아요
후보군
1. Redux
React만을 위한 라이브러리는 아니다. (vanilla javascript 환경에서도 쌉가능)
Redux는 단방향 흐름 구조이다.
action, dispatcher, store, view의 구조를 가지고 있으며, action 이 발생하면 dispatcher에 의해서 store에 상태가 저장되고, store 에 따라 view 가 변경되는 흐름을 가지고 있다.
+ 조금이라도 심플한게 좋다면 Redux toolkit 필수로 사용해야함
+ 비동기 사용하려면 Redux saga 필수로 사용해야함
=> 배보다 배꼽이 더 커질 수 있을 듯.
2. Context API
React 자체제공해주는 기능
<Component명칭.Provider value={"어쩌구저쩌구"} > 로 상태 전달 가능
+ Provider를 통해 default 값을 보내도 못읽는다니 주의바람, 리렌더링 발생 주의
=> 뭐 별도로 안깔아도됨. React.createContext로 쌉가능
3. Recoil
Only For React(from facebook)
atom, selector 구조를 가지고 있고,
atom을 생성할 때는 useRecoilState 훅을 사용한다. (오! 먼가 useState랑 비슷해서 끌려!)
심지어 selector에서 어떤 atom을 참고하고 있을 수도 있고, 비동기처리도 쌉가능이라니!(데이터 캐싱까지..다퍼줌)
+ 부족한게 뭐죠
+ 보일러플레이트도 없어
+ get/set으로 나눠져 있어서 직관적이지만 안정성 의심하느 사람들 핵많음
=> 웹다이어리는 가벼운 프로젝트니까 한 번 써볼까...?(작지만 강력햐)
