[{"data":1,"prerenderedAt":69},["ShallowReactive",2],{"term-h\u002Fhmr":3,"related-h\u002Fhmr":58},{"id":4,"title":5,"acronym":6,"body":7,"category":40,"description":41,"difficulty":42,"extension":43,"letter":44,"meta":45,"navigation":46,"path":47,"related":48,"seo":52,"sitemap":53,"stem":56,"subcategory":6,"__hash__":57},"terms\u002Fterms\u002Fh\u002Fhmr.md","HMR",null,{"type":8,"value":9,"toc":33},"minimark",[10,15,19,23,26,30],[11,12,14],"h2",{"id":13},"eli5-the-vibe-check","ELI5 — The Vibe Check",[16,17,18],"p",{},"HMR stands for Hot Module Replacement. It's the dev server trick that updates your browser in real time without a full refresh. Hot reloading without losing your scroll position or filled-in form fields. Pure developer bliss.",[11,20,22],{"id":21},"real-talk","Real Talk",[16,24,25],{},"HMR (Hot Module Replacement) is the abbreviated term for the development tooling feature where individual changed modules are swapped at runtime. The term is used interchangeably with 'hot reload' in framework contexts like React Fast Refresh and Vue's component-level HMR.",[11,27,29],{"id":28},"when-youll-hear-this","When You'll Hear This",[16,31,32],{},"Is HMR enabled in your dev config?,HMR latency is under 50ms with Vite.,React Fast Refresh is the React-specific HMR implementation.",{"title":34,"searchDepth":35,"depth":35,"links":36},"",2,[37,38,39],{"id":13,"depth":35,"text":14},{"id":21,"depth":35,"text":22},{"id":28,"depth":35,"text":29},"frontend","HMR stands for Hot Module Replacement. It's the dev server trick that updates your browser in real time without a full refresh.","intermediate","md","h",{},true,"\u002Fterms\u002Fh\u002Fhmr",[49,50,51],"Hot Module Replacement","Vite","Webpack",{"title":5,"description":41},{"changefreq":54,"priority":55},"weekly",0.7,"terms\u002Fh\u002Fhmr","wWpoIu-lF-WtKRmudJNi3yk1ByQgGixwDKyQSsecQMY",[59,62,66],{"title":49,"path":60,"acronym":5,"category":40,"difficulty":42,"description":61},"\u002Fterms\u002Fh\u002Fhot-module-replacement","HMR is the magic that makes your browser update instantly when you save a file — without refreshing the whole page and losing your app state.",{"title":50,"path":63,"acronym":6,"category":40,"difficulty":64,"description":65},"\u002Fterms\u002Fv\u002Fvite","beginner","Vite is what happens when someone got sick of waiting 30 seconds for Webpack to start.",{"title":51,"path":67,"acronym":6,"category":40,"difficulty":42,"description":68},"\u002Fterms\u002Fw\u002Fwebpack","Webpack is the OG bundler — the grumpy grandpa of the JavaScript build world.",1776518285681]