nwb provides tooling in a single devDependency for:

• Quick Development with React, Inferno or Preact
• React Apps
• Preact Apps
• Inferno Apps
• React Components and Libraries
• npm Modules for the Web

A zero-config development setup is provided, but nwb also supports configuration and plugin modules which add extra functionality (e.g. Sass support), should you need them

Installing globally provides an nwb command for creating new projects and react, inferno and react commands for quick development:

npm install -g nwb

To use nwb for build tooling in a project, install it as a devDependency and use nwb commands in package.json "scripts":

npm install --save-dev nwb

For quick development with React, Inferno or Preact, use the global react, inferno or preact commands.

import React, {Component} from 'react'

export default class App extends Component {
  render() {
    return <h1>Hello world!</h1>
  }
}

$ react run app.js
✔ Installing react and react-dom
Starting Webpack compilation...
Compiled successfully in 5033 ms.

The app is running at http://localhost:3000/

$ react build app.js
✔ Building React app

File size after gzip:

  dist\app.cff417a3.js  46.72 KB

See Quick Development with nwb for a more detailed guide.

Use nwb new react-app to create a React app:

nwb new react-app my-app
cd my-app/
npm start

Open localhost:3000, start editing the code and changes will be hot-reloaded into the running app.

npm test will run the app's tests and npm run build will create a production build.

See Developing React Apps with nwb for a more detailed guide.

Use nwb new preact-app to create a Preact app:

nwb new preact-app my-app

Development commands are as above for React apps.

Use nwb new inferno-app to create an Inferno app:

nwb new inferno-app my-app

Development commands are as above for React apps.

nwb new react-component my-component

cd my-component/

npm start will run a demo app you can use to develop your component or library against.

npm test will run the project's tests and npm run build will create ES5, ES6 modules and UMD builds for publishing to npm.

See Developing React Components and Libraries with nwb for a more detailed guide.

nwb new web-module my-module

cd my-module/

npm test will run the project's tests and npm run build will create ES5, ES6 modules and UMD builds for publishing to npm.

• Quick Development with nwb
• Developing React Apps with nwb
• Developing React Components and Libraries with nwb
• [Switching to nwb from create-react-app][https://github.com/insin/nwb-from-create-react-app#readme] (as an alternative to ejecting if you need configuration)

• Features
• Commands
  • react
  • nwb
• Configuration
  • Configuration File
  • Configuration Object
    • Babel Configuration
    • Webpack Configuration
    • Karma Configuration
    • npm Build Configuration
• Testing
• Plugins
• Middleware
• Examples
• Frequently Asked Questions
• Versioning

Get started quickly. Start developing apps from a single .js file or generate a project skeleton.

Covers the whole development cycle. Development tools, testing and production builds for projects work out of the box, no configuration required.

Flexible. While everything works out of the box, you can also use an optional configuration file to tweak things to your liking.

Manages key development dependencies and configuration for you. Check out an example of the effect using nwb had on the amount of devDependencies and configuration to be managed in a real project it was dropped into.

Operating system icons created with Icons8