charly-palencia

# See http://help.github.com/ignore-files/ for more about ignoring files.

# compiled output
/dist
/tmp
/out-tsc

# dependencies
/node_modules

charly-palencia

$ nvm install lts/dubnium

charly-palencia

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

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

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

charly-palencia

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

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 { createBrowserHistory } from "history";
const history = createBrowserHistory();
export default history;

charly-palencia

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