전역상태관리_React

miin·2021년 12월 22일
0

React

목록 보기
31/52
post-thumbnail

정의

  • 말하는바 그대로 전역에서 상태를 관리한다는 의미이다
  • props를 통해 상위에서 하위로 상태값을 전달하여 상태를 관리하게 되어있다
  • 하위 컴포넌트에서 사용을 위해 불필요한 props를 전달받아야 하는 상황이 발생하고
    props drilling 이라는 문제가 발생한다. 이 문제를 해결하기 위해 전역상태관리가 필요하다

    Prop Drilling

    props를 오로지 하위 컴포넌트로 전달하는 용도로만 쓰이는 컴포넌트들을 거치면서 React Component 트리의 한 부분에서 다른 부분으로 데이터를 전달하는 과정

방법

전역 상태관리 라이브러리 사용
1) redux

  • 자바스크립트 애플리캐이션에서 상태를 효율적으로 관리할 수 있게 도와주는 도구
  • 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너
  • 일관적으로 동작하고, 서로 다른 환경(서버, 클라이언트, 네이티브)에서 작동하고, 테스트하기 쉽게 도와준다
  • 상태값을 컴포넌트에 종속시키지 않고, 상태관리를 바깥에서 할 수 있게 해준다
  • 리액트만을 위한 라이브러리는 아니다
    2) Mobx
    3) recoil

0개의 댓글