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 SearchBar from './components/search-bar';
  import WeatherInfo from './components/weather-info';
  
  const createStoreWithMiddleware = applyMiddleware(promise)(createStore);
  
  ReactDOM.render(
    <Provider store={createStoreWithMiddleware(reducers)}>
      <BrowserRouter>
        <div>
          <Switch>
            <Route path="/:place" component={WeatherInfo} />  
            <Route path="/" component={WeatherInfo} />
          </Switch>
        </div>
      </BrowserRouter>
    </Provider>
    , document.querySelector('.container-parent'));
  