given131 / redux-tutorial

begin-redux

리덕스 시작하기 튜토리얼 전용 템플릿

이 프로젝트는 총 6가지의 Branch 로 나뉘어져있습니다:

• template: 실습을 빠르게 진행하기 위한 템플릿
• 01: 카운터 (기본)
• 02: 카운터 (코드 정리)
• 03: 투두리스트 (기본)
• 04: 투두리스트 (Immutable Record 사용)
• 05: actionCreator 미리 bind하기
• 06: immer.js 사용해보기
• 07: MobX 로 구현해보기
• 08: MobX 로 구현해보기 (Store 분리)

템플릿에 이미 이뤄진 작업:

0. 절대경로에서 파일을 불러 올 수 있도록 설정

• .env: NODE_PATH 설정
• jsconfig.json: 에디터 설정

1. 패키지 설치

$ yarn add redux react-redux redux-actions immutable

2. 불필요한 파일 제거

• App.js
• App.css
• App.test.js
• logo.svg

3. 주요 컴포넌트 생성 및 루트 컴포넌트 생성

• components/
  • App.js
  • AppTemplate.js
  • Counter.js
  • Todos.js
• containers/
  • CounterContainer.js
  • TodosContainer.js
• Root.js

4. 리덕스 관련 코드를 작성 할 파일 생성

• store
  • modules
    • counter.js
    • todo.js
    • index.js
  • configure.js
  • index.js
  • actionCreators.js