[React] Redux 1 : Redux Toolkit 설치, store 생성

Redux

 

Redux는 props 없이 state를 공유할 수 있게 도와주는 라이브러리

이거 설치하면 js 파일 하나에 state들을 보관할 수 있는데

그걸 모든 컴포넌트가 직접 꺼내쓸 수 있음

컴포넌트 많아질수록 state 가져오기 복잡스러워서 Redux 사용하면 귣

 

 

Redux 설치

 

 

 

store

 

store는 state들을 관리하는 장소로,

state들이 객체 형식으로 저장됨

 

 

 

Redux 셋팅

 

1. src폴더 안에 store.js 파일 만들어서 아래 코드 복붙

 

import { configureStore } from '@reduxjs/toolkit'
 
export default configureStore({
  reducer: { }
}) 

 

2. index.js 가서

import Provider라는 컴포넌트

import 아까 만든 store.js 파일

밑에 <Provider store={import해온거}>로 모든 태그를 감쌈

<App/ > 컴포넌트와 거기에 속한 모든 자식들은 store.js에 있는 모든 state를 맘대로 꺼내쓸 수 있음