git404hub

what is react-refresh-webpack-plugin fr?

gaearon/react-refresh-webpack-plugin — explained in plain English

Analysis updated 2026-07-17 · repo last pushed 2020-07-24

★ 5Audience · developerComplexity · 3/5DormantSetup · moderate

tl;dr

A Webpack plugin that reloads only the React component you changed during development, keeping the rest of the app's state intact instead of a full page refresh.

vibe map

mindmap
  root((repo))
    What it does
      Patches changed components live
      Keeps app state on save
      Only active in development
    Tech stack
      Webpack
      Babel
      React
    Use cases
      Speed up UI iteration
      Preserve form state while coding
      Show error overlay on break
    Audience
      React developers
      UI designers

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

what do people make with this?

VIBE 1

Keep form and navigation state intact while tweaking a React component's code

VIBE 2

Speed up iteration on UI-heavy pages by avoiding full page reloads on every save

VIBE 3

See a helpful error overlay in development when a component update breaks

what's the stack?

WebpackBabelReact

how it stacks up fr

gaearon/react-refresh-webpack-plugin00kaku/wp-rest-playground1ncendium/aibuster
Stars555
Language—JavaScriptPython
Last pushed2020-07-24——
MaintenanceDormant——
Setup difficultymoderatehardmoderate
Complexity3/53/53/5
Audiencedeveloperdeveloperops devops

Figures from each repo's GitHub metadata at analysis time.

how do i run it?

Difficulty · moderate time til it works · 30min

Requires configuring both Webpack and Babel together, still experimental with some edge-case limitations.

prompts (copy fr)

prompt 1
Show me how to configure Webpack and Babel to enable React Fast Refresh with this plugin
prompt 2
Add this plugin to my existing webpack-dev-server setup for React development
prompt 3
Explain the limitations of this plugin, like why class components remount on update

Frequently asked questions

what is react-refresh-webpack-plugin fr?

A Webpack plugin that reloads only the React component you changed during development, keeping the rest of the app's state intact instead of a full page refresh.

Is react-refresh-webpack-plugin actively maintained?

Dormant — no commits in 2+ years (last push 2020-07-24).

How hard is react-refresh-webpack-plugin to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is react-refresh-webpack-plugin for?

Mainly developer.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.

similar repos, if this ain't it