Demo project to evaluate React Toolbox 2.0 (beta)

Live Demo

This demo was designed "Mobile First" and is best viewed on a mobile device or small screen.

Gotchas

Using react-toolbox with create-react-app

We need to use React Toolbox Themr to avoid ejecting (in order to customize webpack)

import '../../assets/react-toolbox/theme.css';
import theme from '../../assets/react-toolbox/theme';

class App extends Component {
  render() {
    return (
      <ThemeProvider theme={theme}>
        ...
      </ThemeProvider>
    )
  }
}

Material Icons

Need to be linked in the head:

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

Other options available here: http://google.github.io/material-design-icons/#getting-icons

Layout Component

Navdrawer acts funny if it is wrapped (eg/ redux). Need to keep it natural at top level below Layout

AppBar

This needs to be nested directly below Layout to work properly. Examples show it as a child of Panel, but then it does not hide the leftMenuIcon when the nav is pinned, nor work properly with the fixed property.

Snackbar

Would not work

Custom Theming

Would not work. We probably need to Eject