타입스크립트 redux

리덕스란

Prop Drilling문제를 해결하기 위해 등장

Context API
React 내장 API

REDUX : THRID PARTY 라이브러리, 미들웨어 기능 제공, 성능 최적화 제공

CONTEXT API가 할 수 있는 일은 REDUX로도 전부 가능함.

@reduxjs/toolkit
redux clsx
@vanilla-extract/css
@vanilla-extract/css-utils
@vanilla-extract/vite-plugin
react-icons uuid react-beautiful-dnd - (이건 안됨)

REDUX

리덕스는
상태를 관리하는 라이브러리야.(선택사항)
State, Props를 통해서 상태를 여러 컴포넌트와 공유를 할 수 있어.

앱이 커지면 -> 관리가 힘들어짐, 소스코드 지저분

이런걸 방지하거나 관리하기 위해서 리덕스를 사용함.

Action(객체) Dispatch(함수) => Reducer 함수 type return => Redux Store State => React Component가 Rerendering 함

Toolkit Rducer Slice

export를 할때,

export default reducer; 

이런 식으로 default로 하면 경로만 맞으면 어떤 이름으로든 import를 할 수 있고

export const reducer = reducer.reducer;

이런식으로 변수명을 입력해주면

저 변수명으로만 import를 해줘야 해.(경로와 변수명이 맞아야 함.)