e-commerce.routing.example

App.jsx

import React from 'react
import useUserContext from './use-user-context'
import { routerRegister } from './route-register'

const App = () => {
   const userContext = useUserContext()
   return routeRegister.reduce((routes, route) => {
     if (route.predicate(userContext)) {
       routes.push(<Route path={route.path} exact={route.isExact} component={route.Component} key={route.id} />)
     }
         
     return routes
   }, [])
}

route-register.jsx

import OrderScreen from 'some/where/order-screen.jsx'

// maybe even a class
export const routerRegister = [
  {
    id: 'order-screen',
    Component: OrderScreen,
    path: '/order/:id',
  },
  {
    id: 'products-screen',
    Component: ProducsScreen,
    path: 'products',
    isExact: true,
    predicate: ctx => ctx.isLoggedIn
  }
]