Redux

Redux를 쓰면 좋은 이유는 props없이 state를 공유할 수 있게 도와주는 라이브러리다.

그래서 컴포넌트가 많아지면 redux같은 라이브러리를 써주는 것이 좋다.

역시 설치부터 해보자
npm install @reduxjs/toolkit react-redux

import { configureStore } from '@reduxjs/toolkit'

export default configureStore({
  reducer: { }
}) 

설치 후에는 세팅을 해줘야한다.

store.js같은 파일을 하나 만들고 사용하면 보기 편할 것 같다.

import { Provider } from "react-redux";
import store from './store.js'

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <Provider store={store}>
      <BrowserRouter>
        <App />
      </BrowserRouter>
    </Provider>
  </React.StrictMode>
); 

index.js에 가서 수정 해주면 App에서는 다 사용이 가능해진다.
물론 App의 자식들도 다 사용할 수 있다.