charly-palencia

import { createStore, applyMiddleware, compose } from "redux";
import history from "./history";
import { routerMiddleware } from "connected-react-router";
import thunk from "redux-thunk";
import rootReducer from "./reducers";
const initialState = {};
const enhancers = [];
const middleware = [thunk, routerMiddleware(history)];
if (process.env.NODE_ENV === "development") {
  const devToolsExtension = window.__REDUX_DEVTOOLS_EXTENSION__;

charly-palencia

import { combineReducers } from "redux";
import { connectRouter } from "connected-react-router";
import history from "../history";
export default combineReducers({
 router: connectRouter(history)
});

charly-palencia

import { createBrowserHistory } from "history";
const history = createBrowserHistory();
export default history;

charly-palencia

import { BrowserRouter as Router, Route } from "react-router-dom";
import Home from "./pages/Home";
…
<Router>
 <Header>
...
  <StyledLink to="/home">Home page</StyledLink>
  <StyledLink to="/">Index page</StyledLink>
  <Route path="/home" exact component={Home} />
 </Header>

charly-palencia

import { Link } from "react-router-dom";
...
export const StyledLink = styled(Link)`
 color: #61dafb;
`;

charly-palencia

import React from "react";
const Home = () => (
  <h1>
      Hi from Home Page!
  </h1>
);
export default Home;

charly-palencia

import GlobalStyles from "./globalStyles";
...
function App() {
 return (
 <AppContainer>
   <GlobalStyle/> 
   ...
 </AppContainer>
 );
}

charly-palencia

import GlobalStyles from "./globalStyles";
...
function App() {
 return (
 <AppContainer>
   <GlobalStyle/> 
   ...
 </AppContainer>
 );
}

charly-palencia

curl -L resolve-node.now.sh/lts

charly-palencia

$ nvm install lts/dubnium