frack-kit-static

Static React project kit

This project kit should serve as the base for an advanced client-rendered React app.

Installation

1. run frack-cli setup
2. select static from the list of project kits

Tools

The following are some of the tools included in this project kit:

• React - Component library
• React Router - Server and client routing
• Sass Modules - CSS Modules with a Sass pre-processor for styles
• Enzyme - React component testing
• html webpack plugin - Builds a static html file

Notes on implementation

• You will find a src/index.ejs file which gets compiled to an html file by the html webpack plugin. See more for configuration in the frack.config.js. After a build, frack will copy the html build into build/public.

• As a performance optimization, React Router routes are loaded dynamically and chunked separately using the ES2015 import() directive. See more about Webpack 2 support and dynamic routing.

• Assets from src/public are accessible from / in both dev and production (build).

• Note, if your site uses routes, dev is configured with the history api fallback to support routing. In production (after a build), you will need to setup an edge/server, like nginx or Varnish, to forward routed requests to your build/index.html.

How To Contribute

Want to build your own project kit? See directions here.

Changelog