Redux란?
예측 가능하고 유지 관리 가능한 글로벌 상태 관리를 위한 JS 라이브러리
전역 상태 관리 라이브러리
https://redux.js.org/
Redux가 필요한 이유
useState의 불편함
props를 전달하려면 부모-자식 관계가 성립되어야하고 부모컴포넌트가 props로 전달받은 값이 필요없다면 거쳐가는 역할만한다. 자식 컴포넌트에서 부모 컴포넌트로 값을 보낼 수 없다.
Global state 관리
중앙화 된 특별한 곳(Store)에서 State들이 생성된다.
Context API가 있음에도 Redux로 Global state를 관리하면 좋은 이유?
- 성능 최적화
Context API는 Provider 하위의 모든 컴포넌트를 리렌더링하게 할 수 있다.
state가 업데이트될 때마다 리렌더링이 되기 때문에 불필요한 컴포넌트가 업데이트 될 수 있다. 반면 Redux는 선택적으로 업데이트를 할 수 있기 때문에 성능 관리에서 용이하다.
- 상태 로직의 중앙화와 일관성
Redux는 store라는 하나의 저장소에 상태를 저장한다. 이로인해 일관성있고 예측 가능한 상태 업데이트가 가능하다.
- 강력한 미들웨어와 개발 도구
Redux Dev Tools라는 강력한 개발 도구들을 사용해 상태 변화를 모니터링 할 수 있다.
하루를 마치며
오늘은 숙련주차 개인과제 첫 날이다. 첫날이라서 그런지 열심히 했다. 하지만 중간에 일정이 있어서 흐름이 끊겼지만 앞으로 1주일이라는 시간이 있기 때문에 최선을 다해 할 것이다. 이번 개인 과제를 할 때는 스스로 생각하는 코드를 만들자가 중요 포인트로 생각하고 코딩할 것이다. 이제는 검색이나 gpt를 쓰지않고 정말 순수하게 내 실력으로 과제를 하는 것을 목표로 하고있다. 앞으로 과제를 잘 마무리 했으면 좋겠다.