React-Redux 설치 및 설정

1. Redux 사용하는 이유

컴포넌트들이 props 없이 state 공유 가능하다.

2. Redux-toolkit

redux를 좀 더 쉽게 쓸 수 있게 해주는 라이브러리다.

세팅하기

1. 설치

npm install @reduxjs/toolkit react-redux

터미널에 입력해 설치해준다.

2. store.js 파일 생성하고 import

import { configureStore } from '@reduxjs/toolkit'

export default configureStore({
  reducer: { }
}) 

store.js 파일을 만들고 상단에 위와 같이 입력해준다.

3. index.js 파일

  <Provider store={store}>
    <BrowserRouter>
      <App />
    </BrowserRouter>
  </Provider>

Provider 태그로 감싸주고 store를 써준다.
store.js에 있는 state들을 꺼내쓸 수 있게 됐다.