@25sprout/react-starter/template/src/routes/index.js

25sprout web starter with React

import React from 'react';

import MembersRoute from './Members';
import BlogsRoute from './Blogs';

const routes = {
	path: '/',
	components: () => [],
	render: (_, children) => children,
	onEnter: async ({ next }) => {
		console.log('on Enter Root');
		const children = await next();
		console.log('on Enter Root / end');

		return children;
	},
	children: [
		{
			path: '',
			components: () => [import(/* webpackChunkName: 'home' */ './Home')],
			render: ([Home]) => <Home />,
			onEnter: async ({ next }) => {
				console.log('on Enter Home');
				const children = await next();
				console.log('on Enter Home / end');
				return children;
			},
		},
		MembersRoute,
		BlogsRoute,
	],
};

export default routes;