vitreum is a collection of front-end build tasks using common build tools; React, Browserify, LESS, and LiveReload.
vitreum focuses on incredibly fast build times and tooling for tightly active development. It's composed of several independant steps that you can configure to meet exactly what your project needs.
npm install vitreum
create-react-class are listed as peer dependacies, so make sure those are installed.
To really get going quickly, I've made a separate project for common commandline tools for vitreum, including a complete project bootstrap.
One of the core reason why Vitreum exists to to make it easy to use folder-based components. These components are self-contained within a folder with a JSX component and an associated LESS file with it. Any assets or sub-components it needs should be located within it's own folder. If the
.jsx file is required within your build, it's
.less file also be automatically included in the LESS compile step.
This method keeps your components incredibly modular and then your file system reflects your component hierarchy.
/page ├─ page.jsx ├─ page.less ├─ user.png └─ /widget ├─ widget.jsx └─ widget.less
Check out the docs.md to see how each step works.
See the examples.md for some best practices and sample build scripts to get going.