FDS9 Redux 특강
Step 1
Redux가 등장한 맥락 속에서 Redux의 존재 의의를 파악해봅니다.
| Context API | Redux |
|---|---|
| (주로) 상태가 컴포넌트 state에 저장됨 | 상태가 외부 스토어에 저장됨 |
| Provider & Consumer를 사용해 값을 내려보냄 | connect HOC를 사용해 값을 내려보냄 |
| (주로) 객체지향 프로그래밍 스타일 | (주로) 함수형 프로그래밍 스타일 |
| React 컴포넌트의 기능 외에는 활용할 수 없음 | 다수의 미들웨어 라이브러리 및 개발도구를 통해 손쉽게 기능을 확장할 수 있음 |
| React 16.3 버전 이상에서만 지원됨 | React 버전에 상관없이 사용할 수 있음 |
Step 1
Redux를 이루는 세 가지 구성요소(action, reducer, store)의 의미를 파악하고, 직접 Redux store를 작성해봅니다.
Step 2
react-redux를 활용해 Redux 세계와 React 세계를 연결하고, Ducks 패턴의 사용법을 익힙니다.
Step 3
Glitch 서버를 활용해 redux-thunk의 사용법을 익힙니다.