Redux

Stackblitz 사용하여 개발 환경 구현

react redux 설치 방법

redux와 react-redux 설치

npm install redux react-redux

기존 react 사용 시 컴포넌트 안에 컴포넌트가 중첩 되어서 사용 할 때 props의 연쇄적 연결이 필요,

마치 유선으로 이어진 것과 같음

하지만 redux 사용 시 redux의 store 중심으로 컴포넌트 끼리 직접 연결 가능

 

provider : state를 어떤 컴포넌트에 적용할지 정의

useSelector : 어떤 state 값을 선택할지 정의

useDispatch : state값을 변경 시킬 때 사용

connect : 재사용성을 높이기 위해서는 필요하지만 사용하기 어려움