Piezo NPM | npm.io

piezo

Charge up your react workflow without a boilerplate or complex configuration.

What is it?

Piezo is a command line tool that simplifies react development. Piezo wraps babel, webpack, react-router, and more into a single dependency.

Piezo helps you build a React powered static website ready to deploy anywhere, no server required. All pages are pre-rendered for fast load times and SEO, then React takes over on the client for navigation without a page reload.

Piezo also works well for dynamic applications. You can focus on adding features, not managing build processes.

Features

Development:

Hot reloading of your entire application (instant feedback)
Auto-detected routes (zero react-router setup)
Imports resolved relative to your src directory (no more ../../../)
Webpack Dashboard (friendly interface to Webpack's output)

Production:

Compilation, minification, and react optimizations
Bundle splitting
Pre-rendering (host your entire site on S3)
Hashed assets for optimal caching
Sitemap.xml generation

Usage

npm init
npm install --save piezo react@15 react-dom@15 react-router@3
npm install --save-dev webpack@2
$(npm bin)/piezo init
$(npm bin)/piezo
???
$(npm bin)/piezo build

For more info, see the the documentation.

How does this work?

Piezo builds on many powerful tools including:

Project Status

Piezo is already being used for customer-facing sites and applications. However, piezo is still in an early state of development and relies on some libraries in beta (particularly webpack 2.0).

Piezo requires Node v4 and up. Piezo has not been tested on Windows yet.