awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
pmmmwh avatar

pmmmwh/react-refresh-webpack-plugin

0
View on GitHub↗
3,188 stars·198 forks·JavaScript·MIT·14 views

React Refresh Webpack Plugin

React Refresh Webpack Plugin is a development tool that enables live reloading of React components while preserving their local state during development. It integrates with build processes to instantly update component code without losing user state or session data, while also offering options to clear and reinitialize component state when unstable interfaces need clean recovery.

The plugin manages updates and state preservation in the browser by intercepting the bundling lifecycle, applying abstract syntax tree transformations to inject metadata and preamble hooks, and communicating with module loader update APIs. It maintains a persistent mapping of component identities and local state hooks outside the React tree across hot reloads.

Development diagnostics include browser-based error overlays that capture compilation failures and runtime exceptions, intercepting uncaught exceptions to render interactive debugging information directly inside the active web page.

Features

  • Hot Code Reloading - Enables hot code reloading for React components so code edits reflect immediately without losing local state.
  • Webpack Build Plugins - Integrates into Webpack to enable live component reloading while preserving local state during development.
  • Fast Refresh Environments - Instantly updates React component code during development without losing user state or session data.
  • Hot-Reload State Preservation - Maintains persistent component identities and local state hooks outside the React tree across hot reloads.
  • React State Management - Handles the preservation and reset of React component-level state during live development updates.
  • Webpack-Based Bundling - Intersects the Webpack bundling lifecycle to automatically inject refresh runtime logic into output compilation chunks.
  • JavaScript AST Transformations - Applies JavaScript AST transformations during the build to inject metadata and preamble hooks into component source code.
  • HMR Proxies - Manages module replacement and state preservation in the browser by decoupling mount points via HMR component wrappers.
  • Runtime Error Overlays - Catches runtime execution errors and presents interactive debugging overlays directly inside the active browser window.
  • State Resets - Clears and reinitializes component state during reloads to ensure unstable interfaces recover cleanly after code changes.
  • Error Overlays - Provides visual error overlays in the browser to display compilation failures and runtime exceptions during development.

Star history

Star history chart for pmmmwh/react-refresh-webpack-pluginStar history chart for pmmmwh/react-refresh-webpack-plugin

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Projects sharing features with React Refresh Webpack Plugin

These projects share indexed features with React Refresh Webpack Plugin. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • gaearon/react-hot-loadergaearon avatar

    gaearon/react-hot-loader

    12,175View on GitHub↗

    react-hot-loader is a developer utility for updating React components and hooks in real time. It functions as a state-preserving UI updater that wraps components in proxies, allowing the underlying logic to be replaced without unmounting the component tree. The tool maintains internal application state across hot module updates by swapping component logic while keeping the mount point constant. It includes mechanisms to intercept rendering errors during updates through temporary error boundaries and manages hook-order validation to prevent state mismatches when functional hooks change. The p

    JavaScript
    View on GitHub↗12,175
  • vuejs-templates/webpackvuejs-templates avatar

    vuejs-templates/webpack

    9,644View on GitHub↗

    This project is a pre-configured build template for Vue.js applications using Webpack. It provides a structured project boilerplate and a frontend build pipeline designed to bootstrap development environments and compile application code into distributable bundles. The template includes a development environment with hot module replacement, error overlays, and source maps to allow for instant updates in the browser without losing application state. It also features a project generator that establishes folder structures and configurations for routing, linting, and testing. The build system co

    JavaScript
    View on GitHub↗9,644
  • fredkschott/snowpackFredKSchott avatar

    FredKSchott/snowpack

    19,329View on GitHub↗

    Snowpack is an ESM-powered frontend build tool and development server that serves native ES modules directly to the browser. By eliminating the bundling process during development, it enables nearly instant server startup and unbundled frontend development. The project features a framework-aware hot module reload system that preserves component state during updates, with specific Fast Refresh integration for React, Preact, Svelte, and Vue. It also acts as a modern web transpiler, automatically converting TypeScript, JSX, and CSS Modules into browser-compatible code without requiring manual co

    JavaScript
    View on GitHub↗19,329
  • johnno1962/injectioniiijohnno1962 avatar

    johnno1962/InjectionIII

    4,619View on GitHub↗

    InjectionIII is a suite of development utilities designed for runtime code reloading, expression evaluation, and automated code injection. It provides a system for recompiling modified source files and patching function pointers in a live process to update application behavior without requiring a full restart. The project utilizes Xcode build script extensions and a live code injector to deliver Swift and Objective-C changes to desktop applications and physical hardware. It features a runtime evaluator that executes string-based Swift expressions to inspect state and retrieve values from a ru

    Objective-Cevalhot-reloadinjection
    View on GitHub↗4,619
Compare all 30 related projects→

Frequently asked questions

What does pmmmwh/react-refresh-webpack-plugin do?

React Refresh Webpack Plugin is a development tool that enables live reloading of React components while preserving their local state during development. It integrates with build processes to instantly update component code without losing user state or session data, while also offering options to clear and reinitialize component state when unstable interfaces need clean recovery.

What are the main features of pmmmwh/react-refresh-webpack-plugin?

The main features of pmmmwh/react-refresh-webpack-plugin are: Hot Code Reloading, Webpack Build Plugins, Fast Refresh Environments, Hot-Reload State Preservation, React State Management, Webpack-Based Bundling, JavaScript AST Transformations, HMR Proxies.

Which projects share features with pmmmwh/react-refresh-webpack-plugin?

Projects with overlapping indexed features include: gaearon/react-hot-loader — react-hot-loader is a developer utility for updating React components and hooks in real time. It functions as a… fredkschott/snowpack — Snowpack is an ESM-powered frontend build tool and development server that serves native ES modules directly to the… vuejs-templates/webpack — This project is a pre-configured build template for Vue.js applications using Webpack. It provides a structured… johnno1962/injectioniii — InjectionIII is a suite of development utilities designed for runtime code reloading, expression evaluation, and… webpack/webpack-hot-middleware — Webpack-hot-middleware is a development middleware and plugin that connects backend servers to web clients for live… tj/frontend-boilerplate — Frontend boilerplate is a starter template for building single-page applications with React, Redux, and Webpack. It…

Curated searches featuring React Refresh Webpack Plugin

Hand-picked collections where React Refresh Webpack Plugin appears.
  • Automatic route refresher