Meteor-feature-requests: Improve DX by implementing Hot Module Replacement (HMR) for React

Created on 12 Nov 2017  Â·  6Comments  Â·  Source: meteor/meteor-feature-requests

I think that adding HMR support to Meteor's build system will be an incredible feature, because it directly improves Developer's productivity.

I envy my colleagues that uses Next.js to build their frontend because, while I need to wait for a full page refresh, they just save changes and see results instantly.

Isobuild

Most helpful comment

Ambiguous title in feature request (DX = developer experience).
Even if we didn't have HMR like in Webpack something like https://medium.com/@lucashansen/faster-meteor-reloads-62cca5b56460#55d2 would be welcome:

Most reloads are triggered by changing single files. If we make a fast path for these changes that performs minimal modifications to the existing bundles we could save a loootttt of time. For inspiration, modify something in .meteor/local/build/programs/web.browser/app/app.js (replace app with whatever the name of your project is) and do a hard refresh in your browser (so it reloads the page without using the cache). The change you made shows up instantly! Magic! Imagine if changing a file in your main app code just modified app.js and invalidated the browser cache. You could get <1 second reloads…

All 6 comments

Ambiguous title in feature request (DX = developer experience).
Even if we didn't have HMR like in Webpack something like https://medium.com/@lucashansen/faster-meteor-reloads-62cca5b56460#55d2 would be welcome:

Most reloads are triggered by changing single files. If we make a fast path for these changes that performs minimal modifications to the existing bundles we could save a loootttt of time. For inspiration, modify something in .meteor/local/build/programs/web.browser/app/app.js (replace app with whatever the name of your project is) and do a hard refresh in your browser (so it reloads the page without using the cache). The change you made shows up instantly! Magic! Imagine if changing a file in your main app code just modified app.js and invalidated the browser cache. You could get <1 second reloads…

What's current status on this? I'm working on a very large Meteor project and would truly appreciate having HMR.

I recently worked on a Node project that had it, and I have to say it is a total game changer.

+1 this is really needed we're having on average a 15 seconds refresh time

The refresh time has been improved significantly with the latest meteor releases and the separation of Meteor client/server watchset.

However I do think this module.accept() API is useful to have and standardize in the bundlers ecosystem. Furthermore, the react team is working on implementing a more reliable fast refresh feature which is a good opportunity for Meteor to support hot reload out of the box.

This is still a highly needed feature. For our setup, rebuilds are still sluggish.

Same for us, it's unbearable.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

cunneen picture cunneen  Â·  5Comments

jankapunkt picture jankapunkt  Â·  5Comments

mitar picture mitar  Â·  5Comments

danrubins picture danrubins  Â·  3Comments

crapthings picture crapthings  Â·  5Comments