Today I Learned:
지난시간 복기 + Redux Sprint
1. Difference between Class Component vs Function component.
2. React hooks의 등장: function component에서 state, life cycle을 가질 수 있는 방법으로
3. React hooks Method: useState, useEffect
4. Redux hooks Method
5. Redux를 통한 상태관리의 장점: 전역 상태관리에 용이, 테스트 붙이기 용이
6. Redux의 구성요소 (Action, Reducer, Store, view)의 데이터 흐름 순서: Store -> view -> Action -> Reducer -> Store
7. Reducer의 주요 규칙을 이해하고, immutable한 방식으로 state를 변경해야 하는 이유 -> 기존 state들을 tracking하고, log를 확인할 수 있다!
mutable하게 기존 state를 고치면, 기존 state가 어땟는지에 대한 트래킹이 불가능해진다. 즉, Vritual DOM을 사용해서 바뀐 부분만 rendering해주는 효율 추구
8. Redux의 3가지 원칙:
- Single source of truth = 'Store'
- State is read-only = 'Action
- Changes are made with only pure-functions = 'Reducer'
- Spirnt review - cmarket_redux
