Skip to content

Instantly share code, notes, and snippets.

@devmobasa
devmobasa / App.jsx
Created January 13, 2018 14:28
Using React Router v4 with create-react-app - https://codingblast.com/react-router-create-react-app/
const NavBar = () => (
<ul>
<li>
<Link to="/">Home</Link>
</li>
<li>
<Link to="/admin">Admin</Link>
</li>
</ul>
);
@devmobasa
devmobasa / App.jsx
Created January 13, 2018 14:27
Using React Router v4 with create-react-app - https://codingblast.com/react-router-create-react-app/
import { BrowserRouter as Router, Route, Link } from 'react-router-dom';
@devmobasa
devmobasa / App.jsx
Last active January 13, 2018 10:04
Using React Router v4 with create-react-app - https://codingblast.com/react-router-create-react-app/
<Route
path="/children"
children={props => {
console.info(props);
return null;
}}
/>
@devmobasa
devmobasa / App.jsx
Created January 13, 2018 09:57
Using React Router v4 with create-react-app - https://codingblast.com/react-router-create-react-app/
<Route path="/children" children={({match}) => {
if(match) {
return <h1>Children</h1>;
}
return null;
}} />
@devmobasa
devmobasa / App.jsx
Created January 12, 2018 14:26
Using React Router v4 with create-react-app - https://codingblast.com/react-router-create-react-app/
<Route path="/children" children={() => <h1>Children</h1>} />
@devmobasa
devmobasa / App.jsx
Last active January 12, 2018 14:26
Using React Router v4 with create-react-app - https://codingblast.com/react-router-create-react-app/
<Route strict path="/logs" render={() => <h1>Logs</h1>} />
@devmobasa
devmobasa / Redirect.jsx
Created January 12, 2018 07:31
Using React Router v4 with create-react-app - https://codingblast.com/react-router-create-react-app/
import { Route, Redirect } from 'react-router'
<Route exact path="/" render={() => (
loggedIn ? (
<Redirect to="/admin"/>
) : (
<Home/>
)
)}/>
@devmobasa
devmobasa / App.jsx
Last active January 12, 2018 07:53
Using React Router v4 with create-react-app - https://codingblast.com/react-router-create-react-app/
<Route exact path="/" component={Home} />
<Route strict path="/admin/" component={Admin} />
@devmobasa
devmobasa / App.jsx
Created January 11, 2018 20:12
Using React Router v4 with create-react-app - https://codingblast.com/react-router-create-react-app/
<Route exact path="/" component={Home} />
<Route path="/admin" component={Admin} />
@devmobasa
devmobasa / App.jsx
Created January 11, 2018 20:11
Using React Router v4 with create-react-app - https://codingblast.com/react-router-create-react-app/
<Route path="/" component={Home} />
<Route path="/admin" component={Admin} />