Redux 를 통한 React 어플리케이션 상태 관리

이번에 다룰 주제는 Redux 입니다. 리액트를 공부하다보면 한번쯤은 거쳐가야 할 관문이죠. 처음에 공부 할 때는 좀 어렵습니다. 초반엔 왜 사용해야 하나 싶기도 하고 오히려 복잡해지는것 같기도 합니다. 하지만 사용을 하다보면 정말 간단하면서도 편하고, 또 강력한 라이브러리라는것을 깨닫게 됩니다.

이 문서는 패스트 캠퍼스 오프라인 강의를 위해서 준비된 문서이기에, 리덕스의 기초 지식들은 생략되어있습니다. React 에 대한 이해가 부족하다면 https://velopert.com/1225 를 참고하시면 도움이 됩니다

.이 강좌에서는, 리액트에서 리덕스를 사용하는 방법부터 시작해서 리덕스를 더욱 편리하게 사용하는 방법을 알아보도록 하겠습니다.

1. 카운터 만들기

react-redux 를 사용하여 리액트 프로젝트에 리덕스를 설정하는 방법을 알아보고, 숫자를 빼고 더하는 아주 간단한 카운터를 만듭니다.

2. 멀티 카운터 만들기

상태가 조금 더 복잡해진, 여러개의 카운터를 동시에 관리하는 프로젝트를 만듭니다.

3. Immutable.js 익히기

Immutable.js 라이브러리를 통하여 리듀서를 더욱 쉽게 작성하는 방법을 알아봅니다.

4. Ducks 구조와 react-actions 익히기

ducks 구조를 통하여 프로젝트 파일 구조를 더 간단하게 만들고, react-actions 을 통하여 리덕스를 더욱 쉽게 사용하는 방법을 배워보도록 하겠습니다.

5. 주소록에 Redux 끼얹기

이전에 만들었던 주소록 어플리케이션에 Redux 를 끼얹겠습니다.