Redux
Redux는 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너
React에서 Redux가 필요한 이유
- 컴포넌트마다
state를 설정하고, 각각의 방식대로setState를 했을때,
state를 사용하는 곳이 너무 많아서 오류를 찾기 어렵기 때문 - 프로젝트의 규모가 커진다면 App의 코드가 길어지고 유지 보수하는 것이 힘들어 짐
- prop drilling
Redux의 작동 방식
1) 어떠한 요청이 컴포넌트 상에서 들어옴
2) 이벤트의 요청을 받고 action 을 dispatch 라는 명령어를 통해서 store로 보내줌
3) store 에서 action 을 받으면 원래 있던 값을 action 에 들어있는 payload 만큼 변경해줌
4) return 이 된 값이 UI로 가서 갱신됨
