Redux 설치

State를 공유하기 위한 외부 라이브러리. (https://ko.redux.js.org/introduction/getting-started/)

---

설치

Terminal에서 아래 명령어를 입력하여 react project에 redux를 설치한다.

npm install @reduxjs/toolkit react-redux

src 폴더에 store.js 파일 생성 (파일명은 관계없으나, 코딩애플 강의에 사용된 그대로 적음)

생성 후에는 아래와 같은 내용을 기입한다.

import { configurationStore } from '@reduxjs/toolkit';

export default configureStore({
  reducer: {}
})

src 폴더의 index.js를 수정한다. (BrowserRouter를 Provider component로 감싸준다)

import { Provider } from 'react-redux';
// 파일명이 store.js가 아니면 생성한 파일명대로 적어줌.
import store from './store.js';

root.render(
  <React.StrictMode>
    <Provider store={ store }>
      <BrowserRouter>
        <App/>
      </BrowserRouter>
    </Provider>
  </React.StrictMode>
);