node package manager

vitreum

vitreum

bitHound Overall Score

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.

install

npm install vitreum

quickstart

To really get going quickly, I've made a separate project for common commandline tools for vitreum, including a complete project bootstrap.

folder-based components

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

docs

Check out the docs.md to see how each step works.

examples

See the examples.md for some best practices and sample build scripts to get going.