awesome-repositories.com
博客
MCP
awesome-repositories.com

通过 AI 驱动的搜索，发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目关于排名机制媒体报道MCP 服务器
法律隐私政策服务条款
© 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 搜索

探索更多 awesome 仓库

用简单的语言描述您的需求 —— AI 将根据相关性为您从数千个精选开源项目中进行排序。

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 星标·779 分支·JavaScript·MIT·8 次浏览

Star 历史

gaearon/react-hot-loader 的 Star 历史图表gaearon/react-hot-loader 的 Star 历史图表

React Hot Loader 的开源替代方案

相似的开源项目，按与 React Hot Loader 的功能重合度排序。
  • fredkschott/snowpackFredKSchott 的头像

    FredKSchott/snowpack

    19,329在 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
    在 GitHub 上查看↗19,329
  • vuejs-templates/webpackvuejs-templates 的头像

    vuejs-templates/webpack

    9,644在 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
    在 GitHub 上查看↗9,644
  • pmmmwh/react-refresh-webpack-pluginpmmmwh 的头像

    pmmmwh/react-refresh-webpack-plugin

    3,188在 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
    在 GitHub 上查看↗3,188
  • facebook/reactfacebook 的头像

    facebook/react

    245,669在 GitHub 上查看↗

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

    JavaScriptjavascriptuifrontend
    在 GitHub 上查看↗245,669
查看 React Hot Loader 的所有 30 个替代方案→

常见问题解答

gaearon/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.

gaearon/react-hot-loader 的主要功能有哪些？

gaearon/react-hot-loader 的主要功能包括：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。

gaearon/react-hot-loader 有哪些开源替代品？

gaearon/react-hot-loader 的开源替代品包括： 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…