우선 상태관리를 많이 사용하는 리액트에 대해서 간단히 설명하고자 한다.
리액트는 상태관리, 라우터등을 제공안하는 라이브러리이다.
🫵 상태관리 종류
그렇기때문에 우리는 상태관리를 할때 선택지가 주어지게 된다.
Redux, Recoil, Mobx 등등...
필자는 포트폴리오를 만들때 Recoil를 사용해 봤다,
사용한 이유로는
첫째) 비동기 문제를 깔끔하게 처리할 수 있다. --> 비동기 데이터 흐름 제어 용이
둘째) atom, selector 이 두개만 사용하면 된다. --> 유연한 상태
셋째) React에서 만든 Facebook팀이 만든 라이브러리라는 점
만약에 누군가가 우리에게 왜 상태관리 쓰세요? 라고 말하면
뭐라고 대답해야할까?
그리고
상태관리를 하는 가장 큰 이유가 뭘까?
(prop Drilling 사진)
그건 바로 React에서는 단방향 prop방식 때문에 계속 자식 컴포넌트로
내려가서 결국 점점 복잡해 지는 문제가 발생하기 시작한다.
prop Drilling은 이러한 문제를 나타낸다.
또는
자식에서 부모컴포넌트 상태를 바꿔야할때 이럴때 문제가 발생한다.
그렇기 때문에 상태관리의 중요성을 느끼게 된다.
(※ 포트폴리오 만들때 필요성을 절실하게 느꼈다... 🥹)
다음편에는 리덕스에 진득하게 가보도록 하겠다.
사진원본: https://www.scaler.com/topics/react/prop-drilling-in-react/
Practice makes perfect