redux1 Context API, redux, mobx, swr 리액트는 위에서 아래로 데이터가 단방향으로 흐른다. 트리 모양으로 보이는데 전역적인 데이터를 props로 보내는 건 힘들 수 있다. props를 쓸 때 문제는 중간 컴포넌트가 쓰지 않는 데이터임에도 props로 보내줘야한다는 문제점과 하위 컴포넌트가 많아질수록 누락의 가능성이 높아진다. 이를 해결하기 위해서 나타난 것이 Context API이다. 전역적으로 사용하는 데이터를 props를 이용하지 않아도 상위 컴포넌트가 하위 컴포넌트에게 단계적으로 내려주는 것이 아니라 바로 보내줄 수 있다. Context API로 다크모드를 구현할 수 있는데 최상위 컴포넌트에 isDark 값과 setIsDark 함수로 이뤄진 useState를 활용하고 최상위 컴포넌트에 Provider로 감싸여 value에 하위컴포넌트에 .. 2022. 4. 2. 이전 1 다음
