Redux 시작 환경

npm install redux react-redux --save;

src 폴더 안에 component 와 store 폴더 만들기 

그 안에 index.js 파일 만들기 

 

import { legacy_createStore as createStore } from 'redux';

const counterReducer = (state = { counter: 0}, action) => {
    if(action.type === 'increment'){
        return {
            counter: state.counter + 1,
        };
    }

    if(action.type === 'decrement'){
        return {
            counter: state.counter - 1,
        };
    }

    return state;
};

const store = createStore(counterReducer);

export default store;

 

src > index.js 

 

import React from 'react';
import ReactDOM from 'react-dom/client';
import { Provider } from 'react-redux'

import './index.css';
import App from './App';
import store from './store/index';

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