-
React Router 설치 npm install react-router-dom
-
Router 컴포넌트 생성 /src/routes/Router.jsx - 경로는 개발자 취향
-
main.jsx에 App 컴포넌트 대신 Router 컴포넌트로 변경(main을 안 건드렸단 전제)
-
Router로 관리하고 싶은 컴포넌트를 만든다.
-
Router 컴포넌트의 Router 객체 정의를 HTML 구조에 맞게 설정.
-
Redux 설치 npm install @reduxjs/toolkit react-redux
-
Redux Store 생성 경로 예시 src/store/store.js
-
Slices 생성 경로 예시 src/store/slices/** | src/store/modules/**
-
생성한 slices를 Store에 추가
-
main.jsx에 React Redux 컴포넌트를 추가 (StrictMode를 제외한 최상위 컴포넌트로 추가해줘야 함)
-
사용
-
Redux Thunk 설치 npm install redux-thunk
-
Redux Thunk 파일 생성 경로 예시 src/store/thunks
-
해당 Slice에
extraReducers
추가