# craco-plugin-react-hot-reload

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

Latest version **0.1.0** (published 2019-07-12) · MIT license · 0 weekly downloads

## Install

```sh
npm install craco-plugin-react-hot-reload
pnpm add craco-plugin-react-hot-reload
yarn add craco-plugin-react-hot-reload
bun add craco-plugin-react-hot-reload
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.0 |
| Published | 2019-07-12 |
| First published | 2018-11-15 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 3.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 20 |
| Maintainers | hasanayan |
| Keywords | craco, cra, create-react-app, hot-reload, react-hot-loader, craco-plugin |

## Links

- npm: https://www.npmjs.com/package/craco-plugin-react-hot-reload
- Repository: https://github.com/HasanAyan/craco-plugin-react-hot-reload
- Homepage: https://github.com/HasanAyan/craco-plugin-react-hot-reload#readme
- Issues: https://github.com/HasanAyan/craco-plugin-react-hot-reload/issues
- npm.io page: https://npm.io/package/craco-plugin-react-hot-reload

## Dependencies (1)

- [@craco/craco](https://npm.io/package/@craco/craco.md) ^5.2.4

## Alternatives

- [@tsparticles/shape-image](https://npm.io/package/@tsparticles/shape-image.md) — 303.7K weekly downloads
- [@tsparticles/shape-line](https://npm.io/package/@tsparticles/shape-line.md) — 233.7K weekly downloads
- [stringify-attributes](https://npm.io/package/stringify-attributes.md) — 58.6K weekly downloads
- [mobile-drag-drop](https://npm.io/package/mobile-drag-drop.md) — 46.3K weekly downloads
- [@comunica/actor-rdf-parse-html](https://npm.io/package/@comunica/actor-rdf-parse-html.md) — 29.2K weekly downloads

## Recent versions

- 0.1.0 (latest) — 2019-07-12
- 0.0.6 — 2019-07-12
- 0.0.5 — 2019-07-12
- 0.0.4 — 2019-07-12
- 0.0.3 — 2018-11-18
- 0.0.2 — 2018-11-15
- 0.0.1 — 2018-11-15

## README

# craco-plugin-react-hot-reload

**Prerequisites**

1. Install [craco](https://github.com/sharegate/craco)
2. [react-hot-reload](https://github.com/gaearon/react-hot-loader)
3. Regarding [this](https://github.com/gaearon/react-hot-loader#react--dom) install proper @hot-loader/react-dom

![](https://img.shields.io/npm/v/craco-plugin-react-hot-reload.svg?style=flat)
![](https://img.shields.io/npm/dt/craco-plugin-react-hot-reload.svg?style=flat)

## 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
    }]
}
```

2. Follow 'step 2' from https://github.com/gaearon/react-hot-loader , replicated below:

```js
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](https://github.com/cdharris) for having created [react-app-rewire-hot-loader](https://github.com/cdharris/react-app-rewire-hot-loader).

## License

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

---
_Source: https://npm.io/package/craco-plugin-react-hot-reload · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._