rollup-plugin-react-refresh

KO | EN

gitlite — search

#python #ai #go #android #machine-learning #rust #linux #macos #windows #awesome #cli #kubernetes #openai #open-source

rollup-plugin-react-refresh

(★ 22)

No description available.

rollup-plugin-react-refresh Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# rollup-plugin-react-refresh

Development plugin for [Nollup](https://github.com/PepsRyuu/nollup) / [Rollup](https://rollupjs.org/guide/en/), to enable Hot Module Replacement for React applications. Wraps [react-refresh](https://github.com/facebook/react/tree/master/packages/react-refresh).

See ```example``` on how to use.

## Using the Plugin

Run ```npm install rollup-plugin-react-refresh react-refresh --save-dev```

Import the plugin and add it to your Rollup configuration during development.

```
import refresh from 'rollup-plugin-react-refresh';

module.exports = {
    plugins: [
        process.env.NODE_ENV === 'development' && refresh()
    ]
}
```

You'll also need to update your ```.babelrc``` to include the ```react-refresh``` Babel transform during development:

```
{
    "presets": ["@babel/preset-react"],
    "env": {
        "development": {
            "plugins": ["react-refresh/babel"]
        }
    }
}
```

Finally, run Nollup:

```
nollup -c
```

You can then start modifying your React components and see changes in your app as you save.

rollup-plugin-react-refresh

rollup-plugin-react-refresh Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

rollup-plugin-react-refresh

rollup-plugin-react-refresh Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README