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 [email protected]
- 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