Store
-
[Redux] 아주 아주 간단한 리덕스 기본 개념 3개발/React 2022. 7. 8. 19:39
필수 사항은 아니지만 리덕스과 리액트를 같이 사용할 때 Presentational component(이하 p.com)와 Container component(이하 c.com)를 분리하는 것이 정석에 가깝습니다. p.com은 props를 전달받아 UI에만 집중한 컴포넌트이며 c.com은 리덕스에 있는 상태를 조회하거나 액션을 디스패치하는 컴포넌트입니다. 즉, c.com에서 세팅을 한 후 p.com을 호출하면서 필요한 값을 props로 내려줍니다. Ducks 패턴을 사용해 하나의 파일(모듈이라 부름)에 액션 함수, 액션 타입, 리듀서, 상태를 모아 놓았습니다(todos.js) 이 모듈을 combineReducers 함수를 이용해서 rootReducer을 만든다고 해봅시다. todos.js(모듈) const A..