[React] Props drilling & GlobalState

박광민·2022년 12월 22일
0

Prop Drilling -> 컴포넌트간 변수/함수를 넘겨주는 props가 계속해서 타고 내려가는 것. 전달하는 과정

Redux

*장점

  • 단방향으로 데이터가 흐름.(버그 예측 쉬움)
  • 어떻게 데이터가 흐르는지 예측 가능하기 때문에 디버깅 쉬움

*단점

  • 코드작성이 초기에는 복잡
  • 작은 기능이어도 몇개의 파일들을 필수로 만들어야해서 코드량이 늘어남

SWR

서버데이터를 앱 데이터처럼 사용
데이터 갱신을 위한 re-fetching을 간단히 구현가능

recoil

장점
-캐싱
-비동기문제를 깔끔하게 처리할 수 있음
-단순함
-리액트와 개발 방향성이 같음
단점
-안전성에 대한 불안
-실험적인 API들

주로 백엔드 state를 저장하는 곳 -> React-query, Apollo-Client
주로 프론트 state를 저장하는 곳 -> Recoil
둘다 저장하는 것 -> Redux

profile
developer(Frontend)

0개의 댓글