24.1.5 리덕스 적용

이제 프로젝트에 리덕스를 적용하겠습니다. 추후 비동기 작업을 관리하는 과정에서 redux-saga를 쓸 텐데, 지금 당장은 미들웨어에 대한 관심은 접어 둔 채 리덕스 스토어를 생성하고 Provider 컴포넌트를 통해 프로젝트에 리덕스를 적용하는 과정만 다루겠습니다.

리덕스 사용에 필요한 라이브러리를 설치해 주세요.

$ yarn add redux react-redux redux-actions immer redux-devtools-extension

이번 프로젝트에서 리덕스를 사용하는 데 immer 라이브러리가 꼭 필요하지는 않습니다. 하지만 immer를 사용하여 불변성을 좀 더 편하게 관리하려고 합니다. 만약 immer 없이, spread 연산자를 활용하여 불변성을 관리하는 것이 더 편하다면 굳이 사용하지 않아도 됩니다.

라이브러리를 설치했으면 첫 번째 리덕스 모듈을 만들어 줍니다. 이 프로젝트에서는 Ducks 패턴을 사용하여 액션 타입, 액션 생성 함수, 리듀서가 하나의 파일에 다 정의되어 있는 리덕스 모듈을 작성할 것입니다.