nwb
A zero-config toolkit for developing React, Preact, Inferno, and vanilla JavaScript apps, libraries, and npm modules.
What is nwb?
nwb is a deprecated toolkit for developing web applications and libraries with React, Preact, Inferno, or vanilla JavaScript. It provides a zero-configuration setup for development, testing, and production builds, managing complex tooling like Webpack and Babel behind a simplified interface. The project was created to ease the burden of configuring and maintaining JavaScript build tools during a period of rapid ecosystem change.
Frontend developers and teams building React, Preact, Inferno, or vanilla JavaScript applications or libraries who want a preconfigured build system without initial setup complexity.
Developers chose nwb for its out-of-the-box tooling that covered the entire development lifecycle, its support for multiple frameworks, and its ability to abstract away dependency management. Its flexibility through optional configuration allowed customization without sacrificing the quick start experience.
Overview
A toolkit for React, Preact, Inferno & vanilla JS apps, React libraries and other npm modules for the web, with no configuration (until you need it)
Use Cases
Best For
- Quick prototyping with React, Preact, or Inferno without build configuration
- Generating project skeletons for React apps or component libraries
- Managing Webpack and Babel configurations without manual setup
- Developing npm modules for the web with built-in testing and bundling
- Teams seeking a unified toolchain for multiple JavaScript frameworks
- Migrating from older build setups to a standardized toolkit
Not Ideal For
- New projects starting after 2020 that require active maintenance and modern ES module support
- Teams needing integration with current frontend ecosystems like Vue, Svelte, or advanced React features
- Production applications where long-term security updates and compatibility with latest Node.js versions are critical
- Developers seeking optimal build performance and hot module replacement speeds comparable to Vite
Pros & Cons
Pros
nwb allowed developers to begin coding immediately from a single .js file without any configuration, enabling rapid prototyping as shown in the Quick Development section with commands like 'nwb react run app.js'.
It bundled a full toolchain including development servers, testing with Karma, and optimized production builds out of the box, covering the entire workflow without manual setup.
Supported React, Preact, Inferno, and vanilla JavaScript apps and libraries, providing a unified toolkit for diverse frontend projects, as evidenced by the separate 'new' commands for each framework.
Could generate preconfigured project skeletons for apps and npm modules with npm scripts, reducing initial setup time, such as with 'nwb new react-app my-app'.
Cons
The project is explicitly marked as deprecated with no active maintenance, meaning no bug fixes, security updates, or support for newer dependencies, as stated in the README's opening warning.
Relies on older versions of Webpack and Babel that lack modern optimizations like native ES modules and faster builds, making it slower and less efficient compared to tools like Vite.
Plugin support is minimal and largely abandoned, with the README admitting that Vite has a richer ecosystem and better APIs for extensions, limiting customization for current needs.
Open Source Alternative To
nwb is an open-source alternative to the following products:
Frequently Asked Questions
Related Projects
Storybook PreactStorybook is the industry standard workshop for building, documenting, and testing UI components in isolation
ViteNext generation frontend tooling. It's fast!
React App Rewire PreactOverride create-react-app webpack configs without ejecting
Preact CLI😺 Your next Preact PWA starts in 30 seconds.
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.