@serus/craco-plugin-react-hot-reload

This craco plugin, allows you to add hot load support to create-react-app without ejecting it

Usage no npm install needed!

<script type="module">
  import serusCracoPluginReactHotReload from 'https://cdn.skypack.dev/@serus/craco-plugin-react-hot-reload';
</script>

README

craco-plugin-react-hot-reload

Prerequisites

  1. Install craco
  2. react-hot-reload
  3. Regarding this install proper @hot-loader/react-dom

Install

npm install craco-plugin-react-hot-reload --save-dev

Usage

  1. Add the plugin into your craco.config.js;
reactHotReloadPlugin = require('craco-plugin-react-hot-reload');

module.exports = {
    plugins: [{
        plugin: reactHotReloadPlugin
    }]
}
  1. Follow 'step 2' from https://github.com/gaearon/react-hot-loader , replicated below:
Mark your root component as hot-exported:
// App.js
import React from 'react'
import { hot } from 'react-hot-loader'

const App = () => <div>Hello World!</div>

export default hot(module)(App)

Acknowledgements

@cdharris for having created react-app-rewire-hot-loader.

License

Licensed under the MIT License, Copyright ©️ 2018 Hasan Ayan. See LICENSE.md for more information.