Front
react redux
agaytr
2022. 2. 17. 16:59
배운 점
- useReduce, useContext와 유사하다. 좀 더 다양한 기능들이 있다. reducer들의 combined 기능 등..
- commbined 하면 reducer들의 default 값들이 state로 들어가게 된다.
- javascript import ./.js 하면 해당 내용이 실행되는구나..
- redux 설치.. 그리고 리엑트 안에서의 redux를 사용하기 위해서는 react-redux를 또 설치해야한다.
- redux
- 기본적으로 하나의 store를 운영하는 것을 원칙으로 한다.
- redux를 별도로 js화 하여 .. 구현한다.
- 해당 redux를, react-redux로 <Provider store = {redux store name} /> 선언한다.
- redux store를 사용할 컴포넌트에서 useSelecor() 함수를 사용하면, 선언된 store를 호출하게 된다.
- 해당 store에서 state, dispatch를 사용해서 값과 값들을 제어하는 함수들을 가져온다.
- redux-thunk
- 액션 기반의 리덕스를.. 함수도 같이 사용할 수 있게 해주는 미들웨어, redux 에서는 redux-tool-kit 사용을 권고 하고 있고, 툴킷은 내부적으로 redux-thunk를 사용하고 있음. 비즈니스 로직 구현 후 (api) , dispatch 호출로 원하는 로직 구현 가능.
- saga는 타입스크립트, 업데이트 지원 2019 년 이후로 없는 등.. 지원이 끊기는 추세