목록redux (1)

roqkf

[React] Redux

✨ Intro 다음과 같은 구조를 가진 React 애플리케이션이 있다고 가정했을 때, 컴포넌트 3, 컴포넌트 6에만 사용되는 상태가 있다. 이 상태는 어느 컴퓨넌트에 위치시켜야 할까? 답은 React 데이터 흐름은 단방향으로 흐르기 때문에 최상위 컴포넌트에 위치시키는 것이 적절하다. 하지만 이런 상태 배치는 다음과 같은 이유로 비효율적이라고 느껴질 수 있다. 컴포넌트 1, 2는 해당 상태를 사용하지 않는데 상태 데이터를 가짐 상태 끌어올리기, Props 내려주기를 여러 번 거침 애플리케이션의 복잡성에 따라 데이터 흐름도 복잡해짐 컴포넌트 구조 변동 시, 현재 데이터 흐름을 바꿔야 할 수도 있음 [React 사용했을 때의 데이터 흐름] [Redux 사용했을 때의 데이터 흐름] 두 데이터 흐름을 비교해 보면..
💻 Development/React 2022. 12. 28. 11:06
이전 Prev 1 Next 다음