React Fast Refresh is coming to the web!
Hot reloading that *preserves* component state
Better recovery from runtime errors
Supports Hooks & function components
To learn more see:
https://github.com/facebook/create-react-app/pull/8582 …
https://github.com/pmmmwh/react-refresh-webpack-plugin …https://twitter.com/timneutkens/status/1251942933953228802 …
-
0:18 -
Replying to @addyosmani
Devon Govett Retweeted Devon Govett
Came to the web 5 months ago in Parcel.
https://twitter.com/devongovett/status/1195377210133106690 …Devon Govett added,
0:32Devon Govett @devongovettJust landed React Refresh support in Parcel 2!
Great DX for React apps out of the box.
https://github.com/parcel-bundler/parcel/pull/3654 …
Huge thanks to @mischnic for doing the integration, and@dan_abramov and the@reactjs team for making this possible.
pic.twitter.com/HUu1iA3dFx4 replies 2 retweets 14 likes -
Replying to @devongovett
Nice! Behaviorally, do you have a sense of how much different Parcel's support for FR is to the recent work done to get this functional with Webpack? ~Parity?
3 replies 2 retweets 3 likes -
Replying to @addyosmani @devongovett
I can't help but wonder how much better off users would be if the same effort had gone into simply making it faster to reload pages full stop.
5 replies 0 retweets 5 likes -
I wonder how much better off we would be if the chrome performance team worked on it instead of trashing those who are doing the work in user space
(this is also about maintaining state not reload perf)1 reply 1 retweet 3 likes -
Here's what Chrome's doing to help with framework performance: - Working with Next.js (and React) on improving perf out of the box. Making progress (still *need* budgets & progressive hydration) - Shipping JS bundle analysis in Lighthouse & DevTools to catch big perf issues
2 replies 1 retweet 9 likes -
...and all of that is on top of the huge piles of 1:1 guidance we give teams who find themselves in the unfortunate position of having adopted tools that have put them in a bad spot in the first place (something I personally spend a great deal of time on).
1 reply 0 retweets 0 likes
But the point here is that there's an identify function between page-reload-for-state and something-something-hot-reload-for-state. They're semantically identical. That you're now skipping the path users traverse more often puts you *further out of touch* with the lived UX.
-
-
Replying to @slightlylate @addyosmani and
And the thing our tools should be spending all their time working to create is a higher-fidelity representations of the lived experience. To the extent they put us in a privilege bubble, they're Doing It Wrong (TM).
0 replies 0 retweets 1 likeThanks. Twitter will use this to make your timeline better. UndoUndo
-
Loading seems to be taking a while.
Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.
& Web Standards TL; Blink API OWNER
Named PWAs w/
DMs open. Tweets my own; press@google.com for official comms.