browserify-hmr
A Browserify plugin implementing Webpack's Hot Module Replacement API for live code updates during development.
What is browserify-hmr?
Browserify-HMR is a plugin for Browserify that implements Webpack's Hot Module Replacement (HMR) API, allowing developers to update modules in real-time during development without refreshing the entire page. It solves the problem of slow feedback loops in Browserify-based projects by enabling live code updates, similar to Webpack's HMR feature.
Developers using Browserify for bundling JavaScript applications who want a faster development experience with live code updates, particularly those transitioning from Webpack or working on projects where HMR is beneficial.
It provides a direct alternative to Webpack's HMR within the Browserify ecosystem, offering compatibility with existing HMR APIs and tooling, multiple update modes for flexibility, and integration with Watchify for automated workflows.
Overview
Hot Module Replacement plugin for Browserify
Use Cases
Best For
- Adding live reload capabilities to Browserify-based projects
- Transitioning from Webpack to Browserify while keeping HMR workflows
- Developing React applications with hot reloading in Browserify
- Building Node.js applications with live updates during development
- Improving developer experience in Browserify setups with instant feedback
- Integrating HMR with libraries like react-transform-hmr or ud
Not Ideal For
- Projects already using Webpack with stable, built-in HMR
- Production environments requiring battle-tested and bug-free hot reloading
- Teams needing zero-configuration setup without manual polling or mode switching
- Developers in restricted network environments where websocket connections are blocked
Pros & Cons
Pros
Implements the same module.hot.* API as Webpack, allowing existing Webpack HMR code and transforms to work seamlessly with Browserify, easing transitions between bundlers.
Supports websocket, AJAX, and filesystem modes, catering to both browser and Node.js environments, as detailed in the Plugin Options section for versatile development.
Allows dynamic switching of update modes via module.hot.setUpdateMode, enabling flexible workflows without rebundling, per the README's runtime functions.
Seamlessly works with Watchify for automatic rebuilds and updates, though manual builds are supported, improving developer efficiency in Browserify setups.
Cons
The README explicitly states the project is 'early in development and likely has some bugs,' including known issues with modules without update accepters causing incorrect reloads.
For AJAX or fs modes, manual code is required to poll for updates, adding configuration complexity compared to the default websocket mode's automation.
Compared to Webpack's HMR, it has a smaller community and less tooling support, with the README admitting the client code is 'a bit of a mess' and needs refactoring.
Frequently Asked Questions
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.