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 년 이후로 없는 등..  지원이 끊기는 추세