git404hub

what is babel-plugin-functional-hmr fr?

gaearon/babel-plugin-functional-hmr — explained in plain English

Analysis updated 2026-07-17 · repo last pushed 2019-10-14

★ 6Audience · developerComplexity · 2/5DormantSetup · moderate

tl;dr

A Babel plugin that fixes hot reloading for functional components in React Native, so code changes show up instantly during development.

vibe map

mindmap
  root((repo))
    What it does
      Fixes hot reloading
      Transforms functions to classes
      Instant dev updates
    Tech stack
      Babel
      React Native
      JavaScript
    Limitations
      Arrow functions only
      No Hooks support
      Needs cache reset
    Audience
      React Native developers

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

See UI tweaks like color or layout changes appear instantly while developing a React Native app

VIBE 2

Add this plugin to a Babel config to fix broken hot module reloading for functional components

VIBE 3

Speed up the dev feedback loop when you're not yet using React Hooks

VIBE 4

Debug why HMR isn't reflecting changes by understanding the class-component transform it does

what's the stack?

JavaScriptBabelReact Native

how it stacks up fr

gaearon/babel-plugin-functional-hmrabderazak-py/retro-homepageaclark4life/home-depot-crawl
Stars666
Language—HTMLPython
Last pushed2019-10-14—2014-08-10
MaintenanceDormant—Dormant
Setup difficultymoderateeasymoderate
Complexity2/52/52/5
Audiencedeveloperops devopsdeveloper

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

how do i run it?

Difficulty · moderate time til it works · 30min

Only works with arrow-function components without Hooks, Babel config changes need a packager cache reset.

prompts (copy fr)

prompt 1
Help me add babel-plugin-functional-hmr to my Babel config for a React Native project.
prompt 2
Explain how this plugin transforms an arrow function component into a class component for HMR.
prompt 3
Why isn't hot reloading working after I changed my Babel config, and how do I reset the packager cache?
prompt 4
What are the limitations of this HMR plugin if my components use React Hooks?

Frequently asked questions

what is babel-plugin-functional-hmr fr?

A Babel plugin that fixes hot reloading for functional components in React Native, so code changes show up instantly during development.

Is babel-plugin-functional-hmr actively maintained?

Dormant — no commits in 2+ years (last push 2019-10-14).

How hard is babel-plugin-functional-hmr to set up?

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

Who is babel-plugin-functional-hmr 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