[ React + redux 05 ] 애플리케이션 상태관리 - 스토어 생성

스토어 생성

리듀서를 완성했다면 이제 스토어를 생성할 차례이다. 스토어는 리덕스에서 가장 핵심적인 인스턴스이다.

이 안에 현재 상태가 내장되어 있고, 상태를 업데이트할 때마다 구독중인 함수들을 호출한다.

이전에 만든 리듀서를 활용항여 스토어를 생성해 보자. 

리액트에서 스토어를 생성할 때는 보통프로젝트의 엔트리 포인트인 src/index.js 파일에서 만든다.

리덕스에서 createStore 를 불러와 해당 함수에 우리가 만든 리듀서를 파라미터로 넣어 스토어를 생성해보자.

// src/index.js

import React from 'react';
import ReactDOM from 'react-dom';
import App from './containers/App';
import './index.css';

// 리덕스 관련 불러오기
import { createStore } from 'redux';
import reducers from './reducers';

// 스토어 생성
const store = createStore(reducers);

ReactDOM.render(, document.getElementById('root'));

스토어를 성공적으로 생성했다면 이제 이 스토어를 리액트 컴포넌트에 전달할 차례이다.