High-school student makes React a million times faster

  Рет қаралды 1,187,552

Fireship

Fireship

Жыл бұрын

Million.js is a React library that can improve rendering performance by bypassing the virtual DOM. It is inspired by blockdom and other popular JavaScript frameworks like Solid and Svelte
#javascript #programming #thecodereport
💬 Chat with Me on Discord
/ discord
🔗 Resources
Million on GitHub github.com/aidenybai/million
Million.js Website million.dev
Solid in 100 Seconds • Solid in 100 Seconds
10 JS Frameworks Compared • I built the same app 1...
🔥 Get More Content - Upgrade to PRO
Upgrade at fireship.io/pro
Use code YT25 for 25% off PRO access
🎨 My Editor Settings
- Atom One Dark
- vscode-icons
- Fira Code Font
🔖 Topics Covered
- Million.js basics tutorial
- How to make React faster
- React vs Solid.js
- React vs Svelte
- What is the virtual DOM in react?
- React performance optimization

Пікірлер: 1 000
@c.5879
@c.5879 Жыл бұрын
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
@IStMl
@IStMl Жыл бұрын
and it doesn't matter you're a teenager that can make it a million times better, because there's always an asian teenager that can make it a billion times better
@krishp1104
@krishp1104 Жыл бұрын
✊️😔
@TheBlackManMythLegend
@TheBlackManMythLegend Жыл бұрын
@@berkileri2082 nice Fix I was about to do the same fix.
@vectoralphaSec
@vectoralphaSec Жыл бұрын
​@Berk İleri man I wish I was Asian. Maybe then I would actually be smaert.
@Sanyu-Tumusiime
@Sanyu-Tumusiime Жыл бұрын
@@vectoralphaSec why? im black and smart
@smith4591
@smith4591 Жыл бұрын
As the older generation, we can finally die in peace knowing there is at least one person who will carry society on his back.
@chocolateearrings
@chocolateearrings Жыл бұрын
...or her back
@smith4591
@smith4591 Жыл бұрын
@@chocolateearrings let's be real
@gintoki_sakata__
@gintoki_sakata__ Жыл бұрын
​@@chocolateearrings it bothered you that much that op said "he"
@akissot1402
@akissot1402 Жыл бұрын
@@chocolateearrings in this case he is "he"
@Somebodyherefornow
@Somebodyherefornow Жыл бұрын
@@smith4591 🤦
@gigiopincio5006
@gigiopincio5006 Жыл бұрын
i feel this says more about react than it does about the high schooler
@abdirahmann
@abdirahmann Жыл бұрын
😂😂😂😂
@IStMl
@IStMl Жыл бұрын
and about Facebook engineers
@Meleeman011
@Meleeman011 Жыл бұрын
if someone asks you how big your js framework is when you load it and you begin with the words "well gzipped and minified" you have already failed.
@me-low-key
@me-low-key Жыл бұрын
About the entire React community probably "Sorry was too busy googling how to center my div to actually care about the Virtual DOM and how it works, certainly the React mighty open source community got it all figured out, they created this thing called server side components, that's huge, my div get centered in the server already 🤯"
@IStMl
@IStMl Жыл бұрын
@@me-low-key hahahaha
@ohhellothere17
@ohhellothere17 Жыл бұрын
The amount of optimization techniques/tools and community support that react has is unreal 🤯
@vaisakhkm783
@vaisakhkm783 Жыл бұрын
we didn't had to support it with wheel chair, if it was already fine..
@IStMl
@IStMl Жыл бұрын
the amount of community support is both amazing and a testament to how bad React is
@uziboozy4540
@uziboozy4540 Жыл бұрын
Yet still the worst frontend "framework".
@ccgarciab
@ccgarciab Жыл бұрын
Imagine if all this effort was spent in the way better alternatives
@Fiercesoulking
@Fiercesoulking Жыл бұрын
Not its not the React implementation is unbelievable stupid . Its copying a the whole tree for it to let an iterator doing things like delete on it . The standard way in all other languages is make a list while doing it and then let it run over again to apply changes.
@leovin00
@leovin00 Жыл бұрын
This is the dev equivalent of playing a multiplayer game and suddenly seeing 김황보 join the server
@UJustGotGamed
@UJustGotGamed Жыл бұрын
this comment is magical
@jackied.v.carson6059
@jackied.v.carson6059 Жыл бұрын
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!
@IdentifiantE.S
@IdentifiantE.S Жыл бұрын
Yes !
@thr417
@thr417 Жыл бұрын
What are his endeavors, can you talk about it?
@thenostalgicguy46
@thenostalgicguy46 Жыл бұрын
I also came across Million but had no idea Fireship would make a video about it lol.
@addanametocontinue
@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.
@ccgarciab
@ccgarciab Жыл бұрын
But what about the creators of React?
@fark69
@fark69 Жыл бұрын
@@ccgarciab I think a lot people don't realize that the creators of React are just a team from Facebook, they didn't even earn high wages at Facebook. Dan Abramov made like $100k at Facebook. I mean to say I can't expect them to put out brilliantly efficient and beautiful code when they are not commensurately valued by Facebook for their work
@akissot1402
@akissot1402 Жыл бұрын
replace companies with clients. in the real world market clients want a solution to a problem the faster it can just solve the problem the better, you are not making a living or going to compete for things a client doesn't want.
@jordixboy
@jordixboy Жыл бұрын
So... Are you saying higher pay equals more knowledge or being more intelligent? Wow
@overPowerPenguin
@overPowerPenguin Жыл бұрын
​@@fark69Dan was working in the UK office, paid in GBP and that 100K was gross at the time he was hired in 2015. Now probably he earns a lot more, plus stocks , which probably he isn't going to tell, but keep in mind that in the UK he needs to pay a lot of taxes, like 50% or so for revenue over 60k a year plus NHS and the rest of the things.
@AlexeiDenis
@AlexeiDenis Жыл бұрын
Finally Aiden Bai gets the props he deserve.
@DauntingGecko
@DauntingGecko Жыл бұрын
{ children } …? 🤓
@TypingHazard
@TypingHazard Жыл бұрын
But does he also get the state he deserves?
@darienverdugo290
@darienverdugo290 Жыл бұрын
what A CRACK
@wh2742
@wh2742 Жыл бұрын
Is there not a suspicious amount of ai in his name?
@Timmie_Tudor
@Timmie_Tudor Жыл бұрын
​@@wh2742If there are so many AIs in his name, maybe he asked AI how to optimize React, and he implemented the optimizations suggested by AI.
@metropolis10
@metropolis10 Жыл бұрын
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.
@mhcbon4606
@mhcbon4606 Жыл бұрын
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.
@sashamc309
@sashamc309 Жыл бұрын
this makes me want to learn more about how compilers work. I think this is a really creative solution, and I wouldn’t be surprised if Facebook hires the author to work on the React code in order to make this API supported officially and out of the box
@friyguy
@friyguy Жыл бұрын
i love this code report series
@asagiai4965
@asagiai4965 Жыл бұрын
1:12 lol a highly experience react developer asking what's a virtual dom. Anyway, props to this kid
@ra2enjoyer708
@ra2enjoyer708 Жыл бұрын
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).
@go_fuck_yourself
@go_fuck_yourself Жыл бұрын
API call optimization could honestly be a speciality on its own.
@jswlprtk
@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
@BusinessWolf1
@BusinessWolf1 Жыл бұрын
so what happened is we didn't burn enough -10x engineers at the stake
@bug3937
@bug3937 Жыл бұрын
javascript happened.
@psisis7423
@psisis7423 Жыл бұрын
Not a single count of software I enjoy is written in javascript
@Core4Films
@Core4Films Жыл бұрын
@@psisis7423 he says, posting on a website that uses javascript
@okie9025
@okie9025 Жыл бұрын
90% of people who complain about Javascript have never written any production code in a language they enjoy, guaranteed.
@ReasoningBanking
@ReasoningBanking Жыл бұрын
just going with the flow and observing how fast world and technologies changes
@Way_Of_The_Light
@Way_Of_The_Light Жыл бұрын
Your sense of humor just keeps getting better 🤣🤣
@daisywuwoo1
@daisywuwoo1 Жыл бұрын
Thanks for always delivering the newest happening in front end, learnt a lot!
@Rajeshsharma-vn9hh
@Rajeshsharma-vn9hh 4 ай бұрын
Absolutely 💯
@Growlizing
@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.
@johncoleman6293
@johncoleman6293 Жыл бұрын
I appreciate your channel so much. Thank you 🫶
@modolief
@modolief Жыл бұрын
Fireship always puts a smile on my face 😀
@id104335409
@id104335409 Жыл бұрын
I understood some of those words!
@zoladkow
@zoladkow Жыл бұрын
What a rebel - just a wrapper instead of making this into a brand new framework 🤯
@goodfractalspoker7179
@goodfractalspoker7179 Жыл бұрын
Can someone help me understand what framework drag and drop websites like bubble use? Thanks in advance.
@thefrabro1
@thefrabro1 Жыл бұрын
Yeah, another Code Report👍💯
@logusgraphics
@logusgraphics Жыл бұрын
If you've been doing this for a long time you realized that the best tool is the one that has the most robust ecosystem, largest community, greatest documentation, easiest collaboration, better readability and most elegant API. These aspects are not founded in performance (speed) mostly. Most solutions one must build don't need to be faster than light, just responsive enough for the benchmarks. But for sure all solutions need the previously mentioned aspects.
@mycode0
@mycode0 Жыл бұрын
he figured out how to make react 70% faster I couldn't even figure out what exactly was done
@thenostalgicguy46
@thenostalgicguy46 Жыл бұрын
From what I understand, Instead of rendering the component to get a virtual DOM, Million runs static analysis on the JSX to figure where the exact change in state is rendered. This allows you to basically skip static nodes which is great for minute changes like updating a single counter.
@KayderimGameplays
@KayderimGameplays Жыл бұрын
Hey man, what do you think about that Mojo language? Think it will be any good?
@aryanprakhar
@aryanprakhar Жыл бұрын
This video has forced me to rethink my whole teenage life :))
@N0ES
@N0ES Жыл бұрын
I never really bothered myself to think about how to improve the frameworks and libraries I use, I always assume it was coded by large teams and I'd be wasting my time trying to improve them, but this example kind of clashes with that mentality. I don't want to look at other's people's work, it's so much easier to improve my own stuff, because even in a messy development environment I could still have a mental map of where everything is and how it works, but I wouldn't have that for other's work, a lot of time would be wasted on just familiarizing myself with it.
@RottenMuLoT
@RottenMuLoT Жыл бұрын
You assume there is a large team behind. I did the same for years, only to realize PHP is driven by a team of only 5 paid full-time devs.
@vittoopugliese
@vittoopugliese Жыл бұрын
siempre hay un asiatico que lo hace mas rapido
@Holobrine
@Holobrine 11 ай бұрын
Yeah, I’ve had a KZfaq channel idea for that reason to document open source project architectures before but it seems like a lot of work for each architecture to cover. Although, I suppose they could be a video series per project instead 🤔
@ghulammujtaba9236
@ghulammujtaba9236 Жыл бұрын
Not faster than me running here to watch this video.
@davorlucic4873
@davorlucic4873 Жыл бұрын
could you do a 100 seconds mantine video? mantine looks like a useful component library and i think more people should know about it :)
@ramizr
@ramizr Жыл бұрын
YOU ROCKKK AIDEN!!!
@lKrauzer
@lKrauzer Жыл бұрын
This channel makes me think front-end is insanely more complex than what I know and expect, maybe I'll never be able to land a full-stack job, because I thought the only complex and hardcore part of this was the back-end, but I'm dumb enough to think back-end is complex as hell, and now front-end seems like a nightmare too, guess I'll stick to front-end development
@miraclenerdkidchiki6249
@miraclenerdkidchiki6249 Жыл бұрын
Same here bro😂
@YuriG03042
@YuriG03042 Жыл бұрын
congratulations on your recently acquired impostor syndrome, have fun and don't get hurt
@duarteribeiro1520
@duarteribeiro1520 Жыл бұрын
​@@YuriG03042 This
@senrign
@senrign Жыл бұрын
Imposter syndrome is loosely defined as doubting your abilities and feeling like a fraud. It disproportionately affects high-achieving people, who find it difficult to accept their accomplishments. Many question whether they're deserving of accolades.
@MedChergui
@MedChergui Жыл бұрын
@@senrign exactly, this like the dunning Kruger effect
@shadamethyst1258
@shadamethyst1258 Жыл бұрын
Honestly, react should have been doing static analysis from day one. Manual reactivity is a pain and a huge source of bugs, and react already compiles jsx into js, so I don't get why they couldn't perform static analysis
@majorhumbert676
@majorhumbert676 Жыл бұрын
The React team had a project that explored this, but it had some drawbacks that led them to decide on a different path. I forgot the details, think it might have had something to do with concurrent rendering.
@amateurtries7542
@amateurtries7542 Жыл бұрын
@@majorhumbert676 If you don't mind telling, have you worked for Facebook? Is it possible to know this info without being an employee for Meta?
@majorhumbert676
@majorhumbert676 Жыл бұрын
@@amateurtries7542 I just heard this mentioned a few times on Ryan Carniato's streams (the creator of SolidJs).
@ra2enjoyer708
@ra2enjoyer708 Жыл бұрын
How do you expect static analysis to work client-side?
@raffimolero64
@raffimolero64 Жыл бұрын
Not enough innovation tokens. React already innovated the VDOM, which laid the *foundation* for the rest of the frameworks. Unless Angular did that first, I don't know.
@hemanthsavasere934
@hemanthsavasere934 Жыл бұрын
My thought process, very much similar to Tensorflow which has a static graph and Pytorch which has a dynamic graph.
@altf4216
@altf4216 Жыл бұрын
he made it to the Regeneron International Science and Engineering Fair with it!
@thejonte
@thejonte Жыл бұрын
I am learning React! Thanks for your content.
@kasper369
@kasper369 Жыл бұрын
This teen is giving me peer pressure, now I want to create something epic
@thecoolnewsguy
@thecoolnewsguy Жыл бұрын
Same let's go!!!
@cx6894
@cx6894 Жыл бұрын
That's a good thing, humans need competition to improve and get better. Without it you become comfortable and when you become comfortable you stagnate or get worse.
@yungifez
@yungifez Жыл бұрын
I thought i had gone far as a teen but now i feel old at 19
@NathanHedglin
@NathanHedglin Жыл бұрын
Find some garbage JS library (most of them) and optimize it
@thecoolnewsguy
@thecoolnewsguy Жыл бұрын
@@NathanHedglin lol
@noahbarger1
@noahbarger1 Жыл бұрын
always counting on fire ship for our latest software dev news
@michaelol
@michaelol Жыл бұрын
This is nice I just got started with react
@geeshta
@geeshta Жыл бұрын
I was getting paranoid from the lack of new JS frameworks lately
@Daijyobanai
@Daijyobanai Жыл бұрын
It's how you can tell if you slipped into an alternative reality, instead of asking who is president or prime minister, just ask if there are any new frameworks in the last hour, if the answer is no you are no longer in the same timeline or dimension.
@MattYang
@MattYang Жыл бұрын
cool video (as usual)! the benchmarks are misleading though and as you alluded to, for real-world apps it is basically unusable due to the constraints.
@_nikeee
@_nikeee Жыл бұрын
Facebook also has been working on "React Forget", which might go into the same kind of optimizations.
@micelumail5829
@micelumail5829 Жыл бұрын
I love it when your video has many logos
@shinoobie1549
@shinoobie1549 Жыл бұрын
"MillionJS" - so Techlead achieved time travel (as a millionaire) and went back in time
@ambinintsoahasina
@ambinintsoahasina Жыл бұрын
Okay, I'll say it out loud: I'm angry, jealous and insecure by the fact that people are better than me. Thank you for coming to my TED talk
@yungifez
@yungifez Жыл бұрын
Hey dude, im furious angry jealous and sad But life is shit and can be like that sometimes😂😂
@anon_y_mousse
@anon_y_mousse Жыл бұрын
So the lesson here is that compilation is always better? Okay, good to have my life choices validated.
@cmdrrademenes4058
@cmdrrademenes4058 Жыл бұрын
I checked his commit history this madlad started blasting code on a first year of high school (possibly even sooner). I was studying for math exams when I was a freshman lol
@Enormousguy
@Enormousguy Жыл бұрын
So it's like making a table in HTML
@phoenix-tt
@phoenix-tt Жыл бұрын
Ah, yes, they just turned React into Vue by introducing a proper compiler
@thenostalgicguy46
@thenostalgicguy46 Жыл бұрын
Lol. Vue ftw.
@sanicspeed1672
@sanicspeed1672 4 ай бұрын
What are the changes with new react compiler?
@TerenceKearns
@TerenceKearns 11 ай бұрын
2:32 "I am the virtual dom now" 🤣😂🤣😂 I'm dying...
@IPS423
@IPS423 Жыл бұрын
Well using things like seems like the angular way. That's a major deviation from how react is written. It seems more of a discussion about ease of use vs performance. Very glad that you mentioned that people rarely run into performance issues due to optimisations in framework itself (my inference - sry if wrong). Surely, the react developers also know the "compilers" other smarter people use. (I would like to hear Ben Awad's opinion on the angular thing.)
@CottidaeSEA
@CottidaeSEA Жыл бұрын
So basically, the dude took a quick peek into the world of backend and figured hashmaps were cool, so he essentially did a similar thing for React?
@BusinessWolf1
@BusinessWolf1 Жыл бұрын
yep
@Zer-ei4co
@Zer-ei4co Жыл бұрын
“Basically”? I mean, he put in the work and made a whole new framework, at least give credit where it’s due instead of being immediately dismissive.
@UJustGotGamed
@UJustGotGamed Жыл бұрын
that's a pretty long "quick peek"
@CottidaeSEA
@CottidaeSEA Жыл бұрын
@@Zer-ei4co Can you not identify a hyperbole when you see one? Of course it's impressive. As for the result, it's an augmentation of React that has an additional ruleset to work with the static analysis. It's not truly a new framework. It's still just as impressive, but call it what it is.
@CottidaeSEA
@CottidaeSEA Жыл бұрын
@@UJustGotGamed Well... the quick peek was quick, the time required to apply the principle, not so much. Honestly, making React run faster than SolidJS, even if it's potentially only in faster benchmarks is massive. That means React will perform much closer to vanilla JS which is an incredible feat and if it starts being used more extensively, it will have a massive impact on lower end mobile devices especially.
@PacificBird
@PacificBird Жыл бұрын
This looks a lot like what Dioxus-rs did to get their virtual dom based framework working as fast as signal based JS frameworks!
@MarcCastellsBallesta
@MarcCastellsBallesta Жыл бұрын
I don't understand 90% of the content. I still love to watch every single video.
@truvc
@truvc Жыл бұрын
I’ve been expecting someone to do this with React for a long time.
@Daijyobanai
@Daijyobanai Жыл бұрын
A. LONG. TIME.
@JohnneyleeRollins
@JohnneyleeRollins Жыл бұрын
He already has ten years of react experience but zero of professional 😅
@CottidaeSEA
@CottidaeSEA Жыл бұрын
Soon he'll be required to have 10 years of experience using his own framework for a job even though he started working on it in 2021.
@YuriG03042
@YuriG03042 Жыл бұрын
about to get hired as an unpaid intern
@gigiopincio5006
@gigiopincio5006 Жыл бұрын
he accrues experience years with react 70% faster than everyone else
@vanhohenheim1515
@vanhohenheim1515 Жыл бұрын
​@@CottidaeSEA 😂
@thenostalgicguy46
@thenostalgicguy46 Жыл бұрын
@@YuriG03042 Maybe in the US lol. I'm straight out of high school in the UK and doing a degree apprenticeship. I get to work, get paid and get a degree all for free.
@CalicoArchives
@CalicoArchives Жыл бұрын
Can you tell us more about Svelte?
@martinzen
@martinzen Жыл бұрын
that final diss kills
@Gosu9765
@Gosu9765 Жыл бұрын
W8, so he made all those gains but without use of chat GPT? Is that even possible? What a mad lad.
@slayerzerg
@slayerzerg Жыл бұрын
you can't make anything new with chatgpt lol
@thecoolnewsguy
@thecoolnewsguy Жыл бұрын
Stop overhyping "AI"
@flouglemireindustries4335
@flouglemireindustries4335 Жыл бұрын
before yall take this comment too much to heart, treat it as a joke
@thecoolnewsguy
@thecoolnewsguy Жыл бұрын
@@flouglemireindustries4335 I love pizza 🍕
@ko-Daegu
@ko-Daegu Жыл бұрын
@@matthewjyao who got first and seocnd and what;s an IESF ?
@soviut303
@soviut303 Жыл бұрын
Good to see my prediction of Svelte-like compilers making their way into other frameworks is becoming a reality. Unfortunately, it means that Svelte will probably stay less popular than it deserves, but hey, we could always consider it the first "academic framework" in the frontend space.
@AbWischBar
@AbWischBar Жыл бұрын
For anything that can’t be done with plain HTML CSS and a bit of JavaScript I am using Svelte. It is not just the compiler approach that makes it my favorite. Especially the Stores concept runs circles around React and its state management (or whatever fancy words you use for data binding and data model). I started as a web developer long before any of these frameworks were a thing. Moved to desktop, mobile and embedded and when I returned to web, React was the thing but Svelte on the rise. React felt immediately way too complicated for what it tried to solve whereas Svelte was simple and straight forward. Has everything I needed. Will support it as long as it lives
@ricardoamendoeira3800
@ricardoamendoeira3800 Жыл бұрын
The thing about Svelte is that you get interested in it because of the performance but then you stay because the dev experience is so awesome compared to the alternatives, and the good performance becomes a secondary benefit.
@ea_naseer
@ea_naseer Жыл бұрын
Cough *elm compiler and co* cough
@ea_naseer
@ea_naseer Жыл бұрын
Cough *elm compiler and co* cough
@emt2185
@emt2185 Жыл бұрын
​@@AbWischBar I'm in a similar boat to you. Every time I try using React I bounce off state management. Svelte was immediately intuitive by comparison
@M_Query
@M_Query Жыл бұрын
thanks bro it was my birthday that day it didnt went well but now i know that you released your vid that day and now i think that the birthday wasnt that bad (lol poor grammar)
@heitormbonfim
@heitormbonfim Жыл бұрын
Does thar have any use when it's built?
@cedrics7374
@cedrics7374 Жыл бұрын
The idea of the virtual dom was to avoid repainting the ui multiple times which is costly. Which made react faster than angular.. so calling it overhead is a bit exaggerated
@TheGreySage0
@TheGreySage0 Жыл бұрын
Sadly that is what React doesn't seem to be doing,entire point was to to avoid updating everything at once...
@radvilardian740
@radvilardian740 Жыл бұрын
you can toggle that in angular btw, which will make it faster than react. And incoming version 16 with signal based component will make it a lot times faster
@anmolarora5630
@anmolarora5630 Жыл бұрын
"Well if you are a highly expirienced react developer you might be wondering what is a the virtual DOM!"' I am dying while laughing 🤣🤣
@xmine08
@xmine08 Жыл бұрын
Optimizations in the framework always make sense. Yes, you can waste time on it, or actually invest it. An often overlooked part of a green future is not computing stuff that's not necessary - Of course, we'll always have to strike a balance here. This makes your app either faster for your client, or keeps their battery running for longer, or makes it work at all in the first place. How's that a bad thing? It's not, it's great.
@Kiev-en-3-jours
@Kiev-en-3-jours Жыл бұрын
How did he do it? By multiplying the overhead by 2 of course!
@rand0mtv660
@rand0mtv660 Жыл бұрын
Yeah as everything in programming, it has its downsides because it requires you to write React with even more additional "rules" and specifics. I mean it's still crazy that it's that faster, but not sure how usable in real world. At this point, I'm just waiting for React Forget and what the React team will do with compiling code and optimizations. I don't really have a problem with React's performance because it's quite fast, I just have a problem with some specifics regarding memoization and re-render optimizations because those are just pure overhead for developers using React.
@ward7576
@ward7576 Жыл бұрын
Probs their management loved their idea of virtual DOM and made the devs stick with it and make it just as fast as possible. It's not always devs, people. I can also start to do what *I want* in the workplace, but that means I'll be let go soon enough.
@TheHardikupadhyay87
@TheHardikupadhyay87 Жыл бұрын
i didn't understood no shit but enjoyed the video. now this makes me feel good.thank you.
@mikemixsosa4264
@mikemixsosa4264 Жыл бұрын
How do i use that in my projects?
@bsljth
@bsljth Жыл бұрын
Q: How can you make React faster? . . . A: Use Svelte.
@hugo-garcia
@hugo-garcia Жыл бұрын
More than 20 years later everyone is still trying to ma Javascript not run like crap
@Meleeman011
@Meleeman011 Жыл бұрын
over 10 years trying to make react not crap too
@tobene
@tobene Жыл бұрын
How likely is it that this optimization will be merged into react?
@DevLife717
@DevLife717 Жыл бұрын
Paul Dillett reference was savage
@halfsleeves
@halfsleeves Жыл бұрын
"if you are a highly experienced react developer you must be wondering what is virtual dom?" hahahaha....
@ninjuhdelic
@ninjuhdelic Жыл бұрын
i think people forget how powerful your mind is when youre young. You really lose a lot as you age. Like my grind as a teen and early 20s made me feel unstopable. Then girls happen.
@hamu_sando
@hamu_sando Жыл бұрын
Omg the Captain Phillips meme nearly made me spit out my coffee
@heisenbergstayouttamyterri1508
@heisenbergstayouttamyterri1508 Жыл бұрын
Would've been interested if it was made 70% easier and readable than faster....
@heisenbergstayouttamyterri1508
@heisenbergstayouttamyterri1508 Жыл бұрын
@@IStMl or Vue!
@IStMl
@IStMl Жыл бұрын
@@heisenbergstayouttamyterri1508 Vue is great but Svelte is even cleaner. But the ecosystem is immature atm
@phoneywheeze9959
@phoneywheeze9959 Жыл бұрын
​@@IStMl it may be immature, but in the end, it does support most vanilla js libraries, as its just a compiler
@IStMl
@IStMl Жыл бұрын
@@phoneywheeze9959 yes thats a huge plus, but a lot of libs are for React nowadays
@manmanmanichfindekeinennam7613
@manmanmanichfindekeinennam7613 Жыл бұрын
​@@IStMl not anymore. Svelte has a rich eco system with all tooling one needs
@mojoboingo1744
@mojoboingo1744 Жыл бұрын
"One day fix React-" Let's not get crazy.
@SupremelyAverage
@SupremelyAverage Жыл бұрын
I did this for a hobby project but didn't know abt the benchmark
@bespaloffftw
@bespaloffftw Жыл бұрын
Great video! I don't really care about react performance, since we are building simple interfaces, it is absolutely fine. What I am really pissed with is all those millions of nuances with hooks, effects, state... Hope they would simplify things one day.
@galaxiapixel
@galaxiapixel Жыл бұрын
Usa svelte y listo, problema resuelto, lo digo por experiencia .
@killingtimeitself
@killingtimeitself Жыл бұрын
gen z on their way to do things better than millions of programmers while shitposting really just goes to show how truly incredibly stupid modern computing innovation can be sometimes.
@DemPilafian
@DemPilafian Жыл бұрын
To be fair to Facebook developers, it's very hard to write a framework with an Oculus strapped to your cranium.
@triplea657aaa
@triplea657aaa Жыл бұрын
Love the not so subtle jab at react devs
@defres15
@defres15 Жыл бұрын
Isnt incremental rendering in angular too rn?
@Bliss467
@Bliss467 Жыл бұрын
I’m sure the react developers are 100% aware of this and haven’t changed react for the exact reason you described as a downside to million.js
@FS-yq9ef
@FS-yq9ef Жыл бұрын
It's a possibility but also unlikely considering how buggy most Facebook owned software is.
@heitorvrb
@heitorvrb Жыл бұрын
If you don't follow the rules, it just reverts to the Virtual Dom. So as long as you know what you're doing, you get all the upside where it is possible, otherwise it still works as it would without million.js.
@ronaldaug8504
@ronaldaug8504 Жыл бұрын
If it's boosting performance by 70% is definitely worth a try.
@ansh11a47
@ansh11a47 Жыл бұрын
This is the motivation i needed to quit programming.
@elielc.8459
@elielc.8459 Жыл бұрын
bruh 😂😭
@yungifez
@yungifez Жыл бұрын
Yup no more
@Pscytlk
@Pscytlk Жыл бұрын
🤣🤣🤣🤣🤣🤣
@Pscytlk
@Pscytlk Жыл бұрын
i am gonna ship to rust.
@PursuitOfMastery
@PursuitOfMastery Жыл бұрын
The Paul Dillet reference was insane 😂
@mateuszabramek7015
@mateuszabramek7015 Жыл бұрын
This is where current js frameworks development is. Everyone says it's great, so it must be great solution, right?
@asifurrahman5436
@asifurrahman5436 Жыл бұрын
React, please hire this guy before he makes another framework
@amphire8124
@amphire8124 Жыл бұрын
I have no idea how to code but these code reports are cool to watch
@ko-Daegu
@ko-Daegu Жыл бұрын
really why do you watch them if you can't code ? really interesting seeing perspective of an outsider
@JanDahl
@JanDahl Жыл бұрын
Is this BSP for Js? Does it load WADs?!
@godnyx117
@godnyx117 Жыл бұрын
I always thought how is it possible that there will be WHOLE TEAMS, even FULLTIME developers doing software and they'll manage to fuck it up so badly! I'm now writing my compiler for my language. It's going to use a CUSTOM backend and I'm also making my own file format and loader! Everything is possible with a little bit of passion!
@ra2enjoyer708
@ra2enjoyer708 Жыл бұрын
Don't forget the compiler would have to be "multiplatform" but with vendor-specific dependencies and crash with cryptic errors upon not meeting them.
@godnyx117
@godnyx117 Жыл бұрын
@@ra2enjoyer708 Yeah...
@godnyx117
@godnyx117 Жыл бұрын
@@ra2enjoyer708 Sucks to be me I guess...
@Daijyobanai
@Daijyobanai Жыл бұрын
how is it possible that there will be WHOLE TEAMS, even FULLTIME because they are being micro-managed by "Agile coaches" who don't give developers the freedom to solve real problems. Clearly react optimization didn't get enough "points" in the sprint planning :-(
@godnyx117
@godnyx117 Жыл бұрын
@@Daijyobanai This doesn't change the result.
@DevlogBill
@DevlogBill Жыл бұрын
You kidding me? This kid created his own framework with a compiler and it is faster than React? That is amazing!
@gilfhunter42069
@gilfhunter42069 Жыл бұрын
Well no, he didn't. React has a lot more under the hood than just the method it handles DOM changes. It's just one bottleneck of react 'this kid' detected and fixed. To be fair, if other very good engineers had a reason to dig every single bit of performance out of react and compared it to other fast frameworks, they could have done this, too. It's sad enough that a teenager was the one who first got the idea to do it, says a lot about todays software market. This is not a hate comment, Aiden did great work, however it's not the magic some people make it out to be.
@putnam120
@putnam120 Жыл бұрын
My guess is that other professionals had higher priorities. But still cool
@ra2enjoyer708
@ra2enjoyer708 Жыл бұрын
Did you watch the video? It's literally a decorator for react components, which expects them to be written in a specific way. Chances are you won't benefit from it in a typical hybrid-rendered component which has to deal with auth, fetching, caching and data synchronisation between different sources of data. Without major refactor at least.
@muhammadrayhan152
@muhammadrayhan152 Жыл бұрын
why i got error when setup the million js in mu existing react?
@michaelmclean2363
@michaelmclean2363 Жыл бұрын
I just learned about this on the JSParty podcast.
@AlexEliotOfficial
@AlexEliotOfficial Жыл бұрын
React’s horrible performance has been appalling to me many a time when choosing the tech stack for a project. If, with this, it matches Vue (or even get close to it) then it will become a very viable option for a performant frontend.
@YuriG03042
@YuriG03042 Жыл бұрын
since it's faster than solid, then it might also be faster than Vue that's is template. might only lose to Svelte and Strawberry, really
@gomesiano
@gomesiano Жыл бұрын
Just curious, but what kind of apps you do that react's performance affect you that much? I'm asking because i've done a bunch of web apps, all different to use with real time systems and really never had a performance issue.
@jason96G
@jason96G Жыл бұрын
What OP is saying isn’t based in anything. It’s just one of takes that are provocative to garner attention.
@AlexEliotOfficial
@AlexEliotOfficial Жыл бұрын
@@gomesiano When dealing with animations, the rerendering can take so long that the animation either doesn’t play, or flashes. Suppose a comment feed with many comments and many replies. And have a button at the top level to collapse all replies. I was unable to do it with CSS and had to use Framer Motion (which ngl was an excellent choice as it’s an amazing library, but would be better if I could just CSS my way through it instead of just flashing because it was slow to rerender for the transition to apply). But other than this specific scenario, I always found myself trying to improve performance by going on roundabout ways to overcome its rerendering and eventually got tired of it.
@sprinklehomie5811
@sprinklehomie5811 Жыл бұрын
@@AlexEliotOfficial Do work on your backend to support better loading features, nobody needs to see 10+ comments right away most likely
@MedChergui
@MedChergui Жыл бұрын
Be who you want, but there's always an Asian dude who can do it better than you . Kudos to him
I built a JavaScript framework
10:11
Fireship
Рет қаралды 487 М.
100+ Linux Things you Need to Know
12:23
Fireship
Рет қаралды 434 М.
Мы никогда не были так напуганы!
00:15
Аришнев
Рет қаралды 6 МЛН
Получилось у Вики?😂 #хабибка
00:14
ХАБИБ
Рет қаралды 7 МЛН
When You Get Ran Over By A Car...
00:15
Jojo Sim
Рет қаралды 15 МЛН
Василиса наняла личного массажиста 😂 #shorts
00:22
Денис Кукояка
Рет қаралды 10 МЛН
Reacting to Controversial Opinions of Software Engineers
9:18
Fireship
Рет қаралды 2 МЛН
7 Things No Programmer Ever Wants to Hear
5:16
Fireship
Рет қаралды 1,7 МЛН
Rethinking The Linter
19:26
Theo - t3․gg
Рет қаралды 75 М.
how to never write bug
7:20
Fireship
Рет қаралды 845 М.
React VS Svelte...10 Examples
8:35
Beyond Fireship
Рет қаралды 529 М.
How React ACTUALLY works (DEEP DIVE 2023)
12:59
FrontStart
Рет қаралды 52 М.
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 444 М.
10 weird algorithms
9:06
Fireship
Рет қаралды 1,1 МЛН
The BEST Backend Language for You | Prime Reacts
32:57
ThePrimeTime
Рет қаралды 298 М.
Is SolidJS the better ReactJS?
6:46
Academind
Рет қаралды 150 М.
Урна с айфонами!
0:30
По ту сторону Гугла
Рет қаралды 8 МЛН
1$ vs 500$ ВИРТУАЛЬНАЯ РЕАЛЬНОСТЬ !
23:20
GoldenBurst
Рет қаралды 1,5 МЛН
PART 52 || DIY Wireless Switch forElectronic Lights - Easy Guide!
1:01
HUBAB__OFFICIAL
Рет қаралды 23 МЛН