JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/[email protected]/prop-types.js"></script>
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<div id="container"></div>

Babel + JSX

////ReactDOM.renderer()
let elem;
if (location.pathname == "/admin") {
    elem = <Admin />;
} else {
    elem = <App />;
}
ReactDOM.render(elem, document.querySelector("main"));


///ROUTING IN APP.JS
<BrowserRouter>
                <div className="app-container">
                    <Navigation />
                    <Switch>
                        <Route path="/enter-site" component={EnterSite} />
                        <Route exact path="/" component={Homepage} />
                        <Route path="/blogpost" component={Blogpost} />
                        <Route path="/podcast" component={Podcast} />
                        <Route component={ErrorSite} />
                    </Switch>
                </div>
            </BrowserRouter>