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
gaearon avatar

gaearon/react-hot-loader

0
View on GitHub↗
gaearon.github.io/react-hot-loader↗

React Hot Loader

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 project integrates with module bundlers to automate the injection of hot replacement logic. Its capability surface covers real-time updates for lazy-loaded and code-split components, module replacement diagnostics, and the ability to exclude specific components from the reloading process.

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

Features

  • Real-Time Runtime Updates - Provides real-time updates for user interface components while preserving internal state and mount points.
  • Hot Reloading Tools - Provides a comprehensive utility for live code injection and state preservation during React development.
  • Hot Code Reloading - Enables an iterative development workflow where UI changes are reflected instantly without page refreshes.
  • Hot Module Replacement - Integrates with module bundlers to inject hot replacement logic for real-time module updates.
  • Hook Runtime Updates - Refreshes functional component hooks when dependencies or function bodies change during hot replacement.
  • Component Proxies - Wraps components in proxies to maintain a stable mount point while updating the underlying implementation.
  • Hot-Reload State Preservation - Maintains internal application state across hot module updates by swapping component logic without unmounting the tree.
  • State-Preserving Logic Swapping - Maintains internal application state by swapping component logic without unmounting the component tree.
  • Hook Order Validation - Forces component remounting when hook sequences change to prevent state mismatches in functional components.
  • Hook Sequence Synchronization - Triggers a local tree remount when hook order changes to prevent state mismatches between versions.
  • Code-Split Update Support - Ensures components loaded via lazy loading or code splitting boundaries are updated correctly during hot replacement.
  • Proxy Type Validation - Compares proxied components to determine if they share the same type while ignoring reference changes from reloading.
  • Update Error Interception - Intercepts rendering errors during hot updates to prevent the entire application from crashing due to bugs.
  • Build Tool Integrations - Provides plugins and loaders to automate the injection of hot replacement logic during the build process.
  • Reference-Agnostic Comparisons - Determines if components share the same type by ignoring reference changes caused by hot reloading.
  • HMR Proxies - Wraps components in proxies to replace underlying logic without unmounting the component tree.
  • Error Boundaries - Implements temporary error boundaries to isolate failures during hot updates and prevent application crashes.
  • Hot-Reload Error Overlays - Injects local error boundaries during updates and displays a global error overlay for reporting.
  • UI State Preservation - Implements techniques to preserve the internal state of UI components while they are being updated in real time.
  • React Ecosystem - Enables real-time component updates.
12,175 stars·779 forks·JavaScript·MIT·23 views

Star history

Star history chart for gaearon/react-hot-loaderStar history chart for gaearon/react-hot-loader

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.

Projects sharing features with React Hot Loader

These projects share indexed features with React Hot Loader. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • 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
  • 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
  • pmmmwh/react-refresh-webpack-pluginpmmmwh avatar

    pmmmwh/react-refresh-webpack-plugin

    3,188View on GitHub↗

    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 mod

    JavaScripterror-overlayfast-refreshhot-reload
    View on GitHub↗3,188
  • facebook/reactfacebook avatar

    facebook/react

    245,669View on GitHub↗

    React is a JavaScript library for building user interfaces based on a component-driven architecture and unidirectional data flow.

    JavaScriptjavascriptuifrontend
    View on GitHub↗245,669
Compare all 30 related projects→

Frequently asked questions

What does gaearon/react-hot-loader do?

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.

What are the main features of gaearon/react-hot-loader?

The main features of gaearon/react-hot-loader are: Real-Time Runtime Updates, Hot Reloading Tools, Hot Code Reloading, Hot Module Replacement, Hook Runtime Updates, Component Proxies, Hot-Reload State Preservation, State-Preserving Logic Swapping.

Which projects share features with gaearon/react-hot-loader?

Projects with overlapping indexed features include: vuejs-templates/webpack — This project is a pre-configured build template for Vue.js applications using Webpack. It provides a structured… fredkschott/snowpack — Snowpack is an ESM-powered frontend build tool and development server that serves native ES modules directly to the… pmmmwh/react-refresh-webpack-plugin — React Refresh Webpack Plugin is a development tool that enables live reloading of React components while preserving… facebook/react — React is a JavaScript library for building user interfaces based on a component-driven architecture and unidirectional… johnno1962/injectionforxcode — This project is an Xcode runtime code injector and developer productivity tool. It enables the injection of Swift and… wxt-dev/wxt — WXT is a development framework and build tool for creating browser extensions. It transforms source code into…