Skip to content

Instantly share code, notes, and snippets.

View JonahTurnquist's full-sized avatar

Jonah Turnquist JonahTurnquist

3 followers · 0 following
View GitHub Profile
@JonahTurnquist
JonahTurnquist / react-router-render-prop-layout.jsx
Last active May 1, 2020 05:15
import React from "react";
import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
// Layout
const Layout = ({ children }) => (
<div>
<header>My header</header>
{children}
<header>My footer</header>
</div>
@JonahTurnquist
JonahTurnquist / react-router-nested-routes-simple.jsx
Last active May 2, 2020 07:24
import React from "react";
import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
// Layout
const Layout = ({ children }) => (
<div>
<header>My header</header>
{children}
<header>My footer</header>
</div>
@JonahTurnquist
JonahTurnquist / react-router-nested-routes.jsx
Last active May 2, 2020 07:26
import React from "react";
import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
// Layout
const BackendLayout = ({ children }) => (
<div>
<header>This is the admin backend!</header>
<section>{children}</section>
</div>
);
@JonahTurnquist
JonahTurnquist / react-router-hoc-layout.jsx
Last active December 15, 2020 22:09
import React from "react";
import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
// Layout
const Layout = ({ children }) => (
<div>
<header>My header</header>
{children}
<header>My footer</header>
</div>