High-school student makes React a million times faster

#javascript #programming #thecodereport

💬 Chat with Me on Discord

🔗 Resources

🔥 Get More Content - Upgrade to PRO

Use code YT25 for 25% off PRO access

🎨 My Editor Settings

- Atom One Dark
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- How to make React faster
- React vs Svelte
- What is the virtual DOM in react?
- React performance optimization

[c.]

Moral of the story:
It doesn't matter how good you are, there is always a teenager who can do it a million.js times better

[gigiopincio]

i feel this says more about react than it does about the high schooler

[smith]

As the older generation, we can finally die in peace knowing there is at least one person who will carry society on his back.

[ohhellothere]

The amount of optimization techniques/tools and community support that react has is unreal 🤯

[leovin]

This is the dev equivalent of playing a multiplayer game and suddenly seeing 김황보 join the server

[jackied.v.carson]

I knew as soon as I saw the title you'd be talking about Million. I first saw this project with me at the international science and engineering fair a few years ago. It's really incredible and I wish the creator of it the best of luck in his endeavors!

[addanametocontinue]

Great to hear. To be fair to those React developers: most software developers use the software without a deep understanding of how it works. You can't blame them, either. They're too busy learning how to use the software stack so they can get a job as a developer than to spend their time digging deeper into any single one of them. You don't get paid for understanding how React works at a granular level. Companies don't pay you for this extra knowledge and it only helps like 1% of the time.

[mhcbon]

hell yeah, tree diff is a reasonable approach, but you are much better served with a little bit of pre compilation to hook the code here and there. Especially in JS/HTML, there have been so much work around the tooling to parse, transpile, output, so much richness in this field is really a strength for this language.

[AlexeiDenis]

Finally Aiden Bai gets the props he deserve.

[metropolis]

What I find amazing is that react was the framework that revolutionized updates because it didn't crash and burn when you had too many updates like older methods did with the famous server monitoring page demo. The fact we now have more transparent and even faster and better ways just a decade latter gives me hope for humanity.

[daisywuwoo]

Thanks for always delivering the newest happening in front end, learnt a lot!

[raenjoyer]

Do note these "pre-compiled" optimizations translate directly into bigger bundle size if done at build time or longer startup time if done at runtime. So the speed gain only matters if you really have rendering performance problems which you can pin down on react rendering engine specifically (not the lag introduced by interacting with quadrillion async browser APIs).

[asagiai]

1:12 lol a highly experience react developer asking what's a virtual dom.

Anyway, props to this kid

[johncoleman]

I appreciate your channel so much. Thank you 🫶

[ReasoningBanking]

just going with the flow and observing how fast world and technologies changes

[jswlprtk]

How did we get to this point where we are performing surgeries on DOM for premature optimization and shipping electron all over the place at the same time

[thejonte]

I am learning React! Thanks for your content.

[Way_Of_The_Light]

Your sense of humor just keeps getting better 🤣🤣

[modolief]

Fireship always puts a smile on my face 😀

[Growlizing]

It was never that the vdom was supposed to be blazing fast, the issue was that changing the real dom (and keeping track of updates) was so incredibly slow.