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.

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:

• Fast Refresh · React Native
• What the heck is React Fast Refresh | Marios Fakiolas
• What is React Fast Refresh?. This library is going to change your… | by Mallik Cheripally | JavaScript In Plain English | Medium

If you use yarn:

yarn add -D craco-fast-refresh

If you use npm:

npm i -D craco-fast-refresh

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

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

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

👤 vimcaw vimcaw@gmail.com

• Website: https://vimcaw.github.io/blog/
• Twitter: @vimcawZhu
• Github: @vimcaw

Contributions, issues and feature requests are welcome!
Feel free to check issues page.

Give a ⭐️ if this project helped you!

This README was generated with ❤️ by readme-md-generator