https://github.com/vimcaw/craco-fast-refresh

[⚠️DEPRECATED] A Craco plugin to enable "Fast Refresh" (also previously known as Hot Reloading) for React components.
https://github.com/vimcaw/craco-fast-refresh

craco craco-plugin fast-refresh hot-reload react

Last synced: about 6 hours ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/vimcaw/craco-fast-refresh
• Owner: vimcaw
• License: mit
• Created: 2020-09-05T05:54:58.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2023-12-15T14:26:42.000Z (11 months ago)
• Last Synced: 2024-11-13T06:33:38.678Z (4 days ago)
• Topics: craco, craco-plugin, fast-refresh, hot-reload, react
• Language: JavaScript
• Homepage:
• Size: 143 KB
• Stars: 13
• Watchers: 2
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## ⚠️ DEPRECATION WARNING

Fast Refresh has been supported officially since [create-react-app](https://github.com/facebook/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.

Welcome to craco-fast-refresh 👋



  

    

  

  

    

  

  

    

  

  

    

  



> 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](https://github.com/gaearon/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](https://reactnative.dev/docs/fast-refresh#limitations)

- [What the heck is React Fast Refresh \| Marios Fakiolas](https://mariosfakiolas.com/blog/what-the-heck-is-react-fast-refresh/)

- [What is React Fast Refresh?\. This library is going to change your… \| by Mallik Cheripally \| JavaScript In Plain English \| Medium](https://medium.com/javascript-in-plain-english/what-is-react-fast-refresh-f3d1e8401333)

## Install

If you use `yarn`: 

```sh

yarn add -D craco-fast-refresh

```

If you use `npm`: 

```sh

npm i -D craco-fast-refresh

```

## Usage

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

```js

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

module.exports = () => {

  return {

    plugins: [{ plugin: fastRefreshCracoPlugin }],

  };

};

```

## Author

👤 **vimcaw **

* Website: https://vimcaw.github.io/blog/

* Twitter: [@vimcawZhu](https://twitter.com/vimcawZhu)

* Github: [@vimcaw](https://github.com/vimcaw)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!
Feel free to check [issues page](https://github.com/vimcaw/craco-fast-refresh/issues). 

## Show your support

Give a ⭐️ if this project helped you!

***

_This README was generated with ❤️ by [readme-md-generator](https://github.com/kefranabg/readme-md-generator)_