react-refresh

react-refresh

This package implements the wiring necessary to integrate Fast Refresh into bundlers. Fast Refresh is a feature that lets you edit React components in a running application without losing their state. It is similar to an old feature known as "hot reloading", but Fast Refresh is more reliable and officially supported by React.

This package is primarily aimed at developers of bundler plugins. If you’re working on one, here is a rough guide for Fast Refresh integration using this package.

Similar packages

Other packages similar to react-refresh

react-hot-loader

React Hot Loader is a plugin that allows React components to be live reloaded without the loss of state. It is similar to react-refresh but was more commonly used before the introduction of Fast Refresh. React Hot Loader is now considered largely obsolete in favor of react-refresh, which is more robust and has better support from the React team.

webpack-hot-middleware

Webpack Hot Middleware is a middleware for webpack that allows hot reloading of modules in development mode. It is similar to react-refresh in that it helps with live reloading of changes. However, it is more generic and not specific to React. It requires more manual setup compared to react-refresh, which is more integrated with React's development environment.