Action
-
[React] ReduxcodeStates front-end/React 2023. 2. 24. 18:20
HTML 삽입 미리보기할 수 없는 소스 📌 Redux 📍Redux 개요 보통 리액트에서 최상위 컴포넌트 -> 부모 컴포넌트 -> 자식 컴포넌트가 일반적이지만, 다소 비효율적이라고 느낄 수 있다. 1. 해당 상태를 직접 사용하지 않는 최상위 컴포넌트, 컴포넌트1, 컴포넌트2도 상태 데이터를 가짐 2. 상태 끌어올리기, Props 내려주기를 여러 번 거쳐야 함 3. 애플리케이션이 복잡해질수록 데이터 흐름도 복잡해짐 4. 컴포넌트 구조가 바뀐다면, 지금의 데이터 흐름을 완전히 바꿔야 할 수도 있음 허나 Redux는 전역 상태를 관리할 수 있는 저장소인 Store를 제공함으로써 이 문제들을 해결 📍Redux 구조 🔗 Redux 상태 관리 Action → Dispatch → Reducer → Store 순서 상태..