- A toolkit, not a boilerplate.
- Uses Webpack, Babel and Karma.
- Provides tooling for React apps and components, Preact apps, Inferno apps, and vanilla JS web apps and npm modules.
- Default polyfills and configuration allow use of
Promise(with rejection tracking enabled),
await, generators and
Object.assign()in any browser.
- Import CSS (and font resources) and images to be managed by Webpack.
- Autoprefixed CSS, so you don't need to write browser prefixes; you can also configure your own PostCSS plugins.
- Plugin modules which add support for the Sass, Less and Stylus stylesheet languages.
Development / DX:
- Quick development commands for React, Preact and Inferno which reduce the time from idea to running code.
- Development server with Hot Module Replacement, and syntax error and React
- User-friendly reporting of build status and errors in the CLI (based on create-react-app's).
- Prompts to continue with a different port if the intended dev server port is not available.
- Express middleware for serving the same development Webpack build from your own server.
- Experimental: Automatically install dependencies from npm without restarting your development server by using an
- Experimental: Write destructured ES module
imports which transpile to cherry-picked imports for specific modules to keep your bundle size down.
- Run unit tests with Karma in PhantomJS, using Mocha and Expect, without any configuration.
- Flexible defaults allow tests to be organised using a number of naming schemes, with tests in a separate directory, co-located with the code, or both.
- Code coverage reporting.
- Project skeletons ready to run tests on Travis CI and post code coverage results to Coveralls/codecov.io.
- Convenient to configure your preferred testing framework and other browsers instead of the defaults, with bundled support for launching tests in Chrome.
- Optimised Webpack build prepares JS, CSS and images for production, with deterministic filename hashes for long-term caching, and sourcemaps for debugging.
- Production optimisations for React apps: hoisting static elements and removing
- Automatic creation of a separate vendor bundle.
- Flag to try a build which replaces React with Preact or Inferno via a compatibility layer, for a much smaller payload.
- Builds components and modules for publishing to npm with ES5 (including CommonJS exports interop), ES modules and UMD builds.
- Project skeletons include a package.json config
fileswhitelist to avoid bloating your published package.
- React component skeleton includes a demo app ready to develop and build using the same React app development setup.
- React component
propTypesare automatically wrapped with an environment check, for elimination from production builds.
- Use a single configuration file to customise Babel, Webpack, Karma and npm builds if you need to.
- Declarative config for Webpack rules and plugin settings makes then easy to tweak.
- Convenience configuration for commonly-used features like Webpack aliases and expression replacements.
- Compatibility configuration for libraries which commonly cause Webpack issues, e.g. for bundling Moment.js with only specified locales.