pure-css/example/src/containers/Main.js

A css module compatible version of purecss

import React, { createElement } from 'react';
import { connect } from 'react-redux';
import { routeNodeSelector } from 'redux-router5';

import GridsDemo from './GridsDemo';
import ButtonsDemo from './ButtonsDemo';
import MenusDemo from './MenusDemo';
import FormsDemo from './FormsDemo';
import TablesDemo from './TablesDemo';
import NotFound from '../components/NotFound';

const components = {
    'buttons':   ButtonsDemo,
    'grids':   GridsDemo,
    'menus':   MenusDemo,
    'forms':   FormsDemo,
    'tables':   TablesDemo
};

function Main(props) {
    const { route } = props;
    const segment = route ? route.name.split('.')[0] : undefined;
    return createElement(components[segment] || NotFound);
}

export default connect(routeNodeSelector(''))(Main);