text: import React from "react";
  import ReactDOM from "react-dom";
  import { Provider } from "react-redux";
  import { createStore, applyMiddleware } from "redux";
  import { BrowserRouter, Route, Switch } from "react-router-dom";
  
  import promise from "redux-promise";
  
  import reducers from "./reducers";
  import PostIndex from "./components/PostIndex";
  import NewPosts from "./components/NewPosts";
  import PostShow from "./components/ShowPosts";
  
  const createStoreWithMiddleware = applyMiddleware(promise)(createStore);
  
  ReactDOM.render(
    <Provider store={createStoreWithMiddleware(reducers)}>
      <BrowserRouter>
        <div>
          <Switch>
            <Route path="/posts/new" component={NewPosts} />
            <Route path="/posts/:id" component={PostShow} />
            <Route path="/" component={PostIndex} />
          </Switch>
        </div>
      </BrowserRouter>
    </Provider>,
    document.querySelector(".container")
  );
  