Craco-fast-refresh NPM

⚠️ DEPRECATION WARNING

Fast Refresh has been supported officially since create-react-app v4 release, this plugin only works on create-react-app v3, and it has some bugs (such as multiple error overlays), please use create-react-app v4 if possible.

A Craco plugin to enable "Fast Refresh" (also previously known as Hot Reloading) for React components.

What is Fast Refresh

React Fast Refresh is a replacement for React Hot Loader. Fast refresh makes your React app reloads slick and painless on code changes, providing a great developer experience.

More information:

Install

If you use yarn:

yarn add -D craco-fast-refresh

If you use npm:

npm i -D craco-fast-refresh

Usage

Add a plugin object to your plugins on craco.config file:

const fastRefreshCracoPlugin = require('craco-fast-refresh');

module.exports = () => {
  return {
    plugins: [{ plugin: fastRefreshCracoPlugin }],
  };
};