이번에 다룰 주제는 Redux 입니다. 리액트를 공부하다보면 한번쯤은 거쳐가야 할 관문이죠. 처음에 공부 할 때는 좀 어렵습니다. 초반엔 왜 사용해야 하나 싶기도 하고 오히려 복잡해지는것 같기도 합니다. 하지만 사용을 하다보면 정말 간단하면서도 편하고, 또 강력한 라이브러리라는것을 깨닫게 됩니다.
이 문서는 패스트 캠퍼스 오프라인 강의를 위해서 준비된 문서이기에, 리덕스의 기초 지식들은 생략되어있습니다.
React 에 대한 이해가 부족하다면 https://velopert.com/1225 를 참고하시면 도움이 됩니다.
리덕스 소개에 대한 동영상은 현재 준비중입니다. 이전 버전 동영상의 경우 여기를 참조하시면 도움이 될 수도 있습니다.
그리고, 5장에서 다루는 프로젝트는 패스트 캠퍼스 리액트 기초 수업에서 만든 프로젝트입니다. 강의에 참석하지 않으신 독자분들은 프로젝트를 클론해서 진행하면 됩니다. 해당 주소록 프로젝트에 대한 강좌는 추후 공개하겠습니다.
이 강좌에서는, 리액트에서 리덕스를 사용하는 방법부터 시작해서 리덕스를 더욱 편리하게 사용하는 방법을 알아보도록 하겠습니다.
목차
1. 카운터 만들기
react-redux 를 사용하여 리액트 프로젝트에 리덕스를 설정하는 방법을 알아보고, 숫자를 빼고 더하는 아주 간단한 카운터를 만듭니다.
2. 멀티 카운터 만들기
상태가 조금 더 복잡해진, 여러개의 카운터를 동시에 관리하는 프로젝트를 만듭니다.
3. Immutable.js 익히기
Immutable.js 라이브러리를 통하여 리듀서를 더욱 쉽게 작성하는 방법을 알아봅니다.
4. Ducks 구조와 react-actions 익히기
ducks 구조를 통하여 프로젝트 파일 구조를 더 간단하게 만들고, react-actions 을 통하여 리덕스를 더욱 쉽게 사용하는 방법을 배워보도록 하겠습니다.
5. 주소록에 Redux 끼얹기
이전에 만들었던 주소록 어플리케이션에 Redux 를 끼얹겠습니다.