Cacher is the code snippet organizer for pro developers

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';

ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker();





const myComponent = (
  <Route path='/user/123123'>
    <MyPage/>
  </Route>
)



class {
  state={};

app.post(/api/login)


componentOnMount () {\
  axios Fetch '/api/user'

  if 401 response, state.user = false;
  else 
    state.user = data;
}

render () {
  if (state.user)
    return (
      <Route path='/', components={MyLoggedinPage}/>
    )
  else 
    return (
      <Route path='/', components={MyLoggedoutPage}/>
    )
  }

}









<Auth>
  <loggedIn>
    <Route path='/user/123123', components={MyPage}/>

    <Route path='/user/123123'>
      <MyPage/>
    </Route>
  </loggedIn>

  <LoggedOut>
  </LoggedOut>

</Auth>



const myComponent = (
  <Route path='/user/123123'>
    <MyPage/>
  </Route>
)
<Auth loggedIn={myComponent} loggedOut={component}/>