Hot Reload

Noun · Verb · Development

Definitions

  1. The ability to modify running code and see changes reflected immediately without restarting the application or losing its current state. A developer experience feature that, once experienced, makes full rebuilds feel barbaric.

    In plain English: Changing your code and seeing the result instantly without restarting anything — like editing a Google Doc where changes appear in real time.

Etymology

1980s
Lisp and Smalltalk environments support modifying running programs without restart — the original hot reload
2013
Bret Victor's 'Inventing on Principle' talk inspires a generation of hot-reload tools emphasizing instant feedback
2015
Dan Abramov's React Hot Loader and later Fast Refresh make hot reload a standard expectation in frontend development

Origin Story

Changing code while the application watches, no restart required

**Hot reload** (or hot module replacement) lets developers see code changes reflected in a running application instantly, without restarting or losing state. The concept has roots in Lisp and Smalltalk environments from the 1970s and 1980s, where the interactive development style meant code was always being modified live.

The modern web development version was popularized by **Dan Abramov's** work on **React Hot Loader** in 2015, and then formalized as **Hot Module Replacement (HMR)** in webpack. The idea: when you save a file, only the changed module is swapped in the running application, preserving component state, scroll position, and everything else. No page refresh needed.

Flutter (2018) brought hot reload to mobile development, and it became one of the framework's most celebrated features. The feedback loop shrank from "change code, rebuild, restart, navigate back to where you were" (often minutes) to "change code, see it immediately" (milliseconds). This seemingly small improvement fundamentally changed how developers iterate on UI code.

Coined by: Concept from Lisp/Smalltalk; modern web: Dan Abramov / webpack team

Context: React Hot Loader, 2015; Flutter, 2018

Fun fact: Dan Abramov's demo of React Hot Loader at React Europe 2015 was so impressive that it essentially launched his career at Facebook, where he went on to co-create Redux and become one of the most influential React contributors.

Related Terms