Configure and set Redux Store

This involves creating a store instance with proper setup (redux thunk
middleware is passed) and setting created instance as a default store
for the application by means of <Provider /> component.

Author: ikalnytskyi

src/index.jsx

@@ -1,13 +1,17 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { BrowserRouter } from 'react-router-dom';
+import { Provider } from 'react-redux';
 
 import App from './components/App';
+import store from './store';
 
 ReactDOM.render(
   (
-    <BrowserRouter>
-      <App />
-    </BrowserRouter>
+    <Provider store={store}>
+      <BrowserRouter>
+        <App />
+      </BrowserRouter>
+    </Provider>
   ), document.getElementById('root'),
 );

src/store/index.js

@@ -0,0 +1,11 @@
+import * as redux from 'redux';
+import thunk from 'redux-thunk';
+
+import reducer from '../reducers';
+
+// Redux Thunk middleware allows you to write action creators that return a
+// function instead of an action. The thunk can be used to delay the dispatch
+// of an action, or to dispatch only if a certain condition is met. The former
+// is the case for XSnippet Web since we need to fetch data via HTTP API first
+// and then dispatch it to store.
+export default redux.createStore(reducer, redux.applyMiddleware(thunk));