Don't worry, it's a JS framework, it'll change forever again next week
@rohil30235 ай бұрын
🤣🤣🤣
@sulavbaral99725 ай бұрын
So true lmao
@thederpykrafter5 ай бұрын
Facts
@michacuranda56035 ай бұрын
Don't write it down. It's going to change next week.
@sanglin93875 ай бұрын
😅😅😅 the reason now i make own spa js . enough is enough nightmare . enough re invent the wheel bugs
@MCroppered5 ай бұрын
“Don’t write this down. It will all change next week”
@nathnaelwondisha66495 ай бұрын
lmaoo i was thinking the same
@wlockuz44675 ай бұрын
Legendary
@Taddy_Mason5 ай бұрын
Well played sir, well played.
@darksideishere5 ай бұрын
Kai
@edumorango5 ай бұрын
We write TSX that becomes JSX that becomes JS that becomes "Compiled" JS that becomes ByteCode Porque, Maria
@andreilucasgoncalves14165 ай бұрын
Devs just want more magic to be more productive
@furycorp5 ай бұрын
Meanwhile vanillajs gets more capable all the time :)
@friendly__drone93525 ай бұрын
Is that a Pablo Francisco reference, my dude?
@steftrando5 ай бұрын
Because it's totally cross platform. Web code is actually useful code.
@unkouwnfigure27465 ай бұрын
nothing stops you from building dekstop apps using C and QT if you want
@caseyblair23415 ай бұрын
The best feature of React is it puts food on my family
@TypingHazard5 ай бұрын
I know how hard that is
@SilvestreVivo5 ай бұрын
compiled food probably
@wlockuz44675 ай бұрын
And the only good feature
@warrenarnold5 ай бұрын
yea that thing kicks ass😅
@IoIxD5 ай бұрын
Bro was so excited he made the video on the old DVD camcorder he found in the trash.
@siriusmain17635 ай бұрын
💀
@novnod5 ай бұрын
Omg lmao
@t3dotgg5 ай бұрын
Fun fact, I actually had the camera on a mini tripod on a sideways trash can
@alexanderhorner5 ай бұрын
@@t3dotgg I don't think it's that bad
@IoIxD5 ай бұрын
@@alexanderhorner Well yeah it's viewable, it's more funny if anything.
@speckdratz5 ай бұрын
Watching solely to support the no-stupid-face-on-thumbnail approach 🙃
@malcolmdude5 ай бұрын
Thanks for the update. Regarding Rust vs Go for the react compiler - Rust's algebraic types make it much easier to write parsers, ASTs and compilers compared to languages without these features.
@elirane855 ай бұрын
memoizing is one of things that doesn't feel needed at first but then you find yourself with hundreds of components and everything grinds to a halt. I worked on a project where after around 5 years of development without using memoizing it became so sluggish that we had to skip two release windows just to add memoization to the hundreds if not thousands of components we had until it was usable again.
@StCost4 ай бұрын
forcing stuff to be updated only when it actually needs to - is a big challenge indeed
@hi_im_julian_kirsch5 ай бұрын
So, the compiler basically does what Svelte's compiler has been doing so far but for React? Neat
@gageracer5 ай бұрын
Also with the less line of code too. Svelte5next is 124.961 lines. Facebook devs are geniuses.
@ΣτάθηςΣταθόπουλος-σ7ρ5 ай бұрын
Yeah, now we got sveltes good practice on an actual good framework*
@zuma2065 ай бұрын
Not really at all, the svelte compiler converts it's vanilla js looking signal code into actual js signal code. react compiler produces the same code you could write normally, but with added optimisations that you'd usually add yourself using useMemo, memo, etc
@gageracer5 ай бұрын
@@zuma206 Yeah, it's a footGun remover. Not even a full compiler to optimize your code, at least yet.
@Booyamakashi5 ай бұрын
@@zuma206 "You would write normally" - Have you seen gibberish that compiler spits out?
@JamesMikrut5 ай бұрын
i cannot WAIT to see what this does for our UI performance
@readywhen5 ай бұрын
I love how much Payload is benefitting from the newest next and react changes! Glad you guys are putting in crazy effort to adapt so quickly
@Booyamakashi5 ай бұрын
Probably you wont notice, unless you start digging into performance tab. Unless you are a real customer with shitty pc, bloated OS, full ram and bad network.
@HUEHUEUHEPony5 ай бұрын
It will add 10 minutes to your build time
@yoz0__5 ай бұрын
Cannot wait to see how many new bugs it will introduce
@cristianosoleti4895 ай бұрын
Funny how when Vue used a compiler (and still does), React devs used to say "I don't like compilers doing magic for me"
@cocoscacao61025 ай бұрын
Eh... React devs always gravitated slowly to what other frameworks had already done years ago, while being completely oblivious about it and calling it innovation.
@labiV15 ай бұрын
@@cocoscacao6102 So react is the Apple of frameworks?
@Me-vc4sf5 ай бұрын
React is like apple of javascript devs
@oceantume5 ай бұрын
One thing that made react stand out through all the shining new things that get released is that it virtually never forced anything and most improvements are optional and progressive additions you can do. The contrary is not necessarily a deal breaker for most, but when you have huge apps in production and you want upgrades without having to touch every component every few months it can definitely matter. You can still import react from a CDN today and use the non-jsx functions to use react on a single page of an old php app if you want.
@orterves5 ай бұрын
React spending all this time fixing issues of their own making.
@Novacification5 ай бұрын
Yeah, a framework so flawed that it needs its own compiler to avoid unintended side-effects during render.
@zactron19975 ай бұрын
Considering how large the React Compiler codebase is already, I'm not surprised they want to rewrite in Rust straight away instead of something like Go. Rust's strict rules are one of the best ways to wrangle a massive codebase with that many contributors, especially in a context as important as "The Official React Compiler". Unit tests are just not enough to ensure reproducible results between commits. Throw in performance concerns and the possibility of using the React Compiler in the browser through WASM (Go's support in WASM is horrible compared to Rust) and it makes complete sense. Finally, this is a project they've already finished prototyping over the past 3 years. I doubt there's going to be any major changes to the fundamentals going forward. Whether you like it or hate it, the React Compiler is one of the prime examples of where Rust is a good fit for a project.
@piaIy5 ай бұрын
It's unfair to bring up Go's performance in Wasm in its current state when managed languages have to ship their own GC. Once WasmGC is stable, everyone will jump on languages that actually get shit done.
@zactron19975 ай бұрын
@@piaIy I don't have any particular gripes with Go, if you like it then have at it! To say it's unfair to comment on Go's lack of performance on WASM is a bit silly though. I also find it silly that you're saying nothing gets done in Rust, in a comment on a video discussing things getting done in Rust. But to more directly address your point, WASM GC isn't enough to make Go viable on WASM. The fundamental issue is WASM is a highly resource constrained environment, so explicit management of resources is required to get even modest performance. Go is a good language, but this is an area where it is just a bad fit. It's like trying to run TypeScript on embedded.
@binitrupakheti42465 ай бұрын
I remember a time when memoizing was seen like the devil, and people were like the overhead is much more than rerendering everything. It's funny to see how the times have changed and memoizing is the default now because turns out a check for the cache is almost always going to be faster than recalculating the value.
@darkoplax76885 ай бұрын
it's hard to take Theo seriously when he does these 20min clickbait videos every other day about react changing
@averagepickleballplayer5 ай бұрын
…I mean it is changing though lol
@chaos_monster5 ай бұрын
Welcome on the darkside of using compiler. Signed the Angular Community for 8 years
@fredbluntstoned5 ай бұрын
Forever? That's weird! Usually react only changes for a short period! :o
@RockRespawn5 ай бұрын
ngl Theo, liked this format of video a lot more than the heavily produced ones :)
@RolandAyala5 ай бұрын
This biggest problem w/ React right now IMO is the it's too tied to Next/Vercel. I look forward to that problem getting fixed, and will happily stay on alt frameworks like Remix even if it means missing out on or needing to wait a long time for all the latest and greatest React features.
@juxuanu5 ай бұрын
Next.js with OpenNext works wonderfully in docker
@WilliamWelsh5 ай бұрын
hey roland great news you can actually use react without next or vercel just like theo did this entire video
@sumitkarmakar-vc9bv5 ай бұрын
I have one question , isnt our bundler be much more in size since the compiler is adding more code for caching?
@ElvenSpellmaker5 ай бұрын
JavaScript changes so often Theo'll come back after the next talk and update saying it's been replaced with the next shiny thing already.
@hobbit1255 ай бұрын
React is not javascript.
@RaZziaN15 ай бұрын
@@hobbit125 If it is js library it is js..
@davidsiewert86495 ай бұрын
Most likely by Pheonix-Framework in Elixir/Erlang
@matthewgiallourakis76455 ай бұрын
Or static hermes
@SirusStarTV5 ай бұрын
@@matthewgiallourakis7645 next in the line...dynamic herpes
@americanbagel5 ай бұрын
I feel like react changes forever every other month
@farhanghazali44065 ай бұрын
Don't worry, its React, They will fix it again next version
@asemyamak39845 ай бұрын
Who moved on to SolidJs or Svelte for good?
@wesleycoder5 ай бұрын
It's awesome to see this problem being fixed after so long time. It's sad that this is a problem we created for ourselves. 😅
@StephanHoyer5 ай бұрын
If you mean fixing like fixing a broken leg with a band-aid, than you are right 😂
@matej-world5 ай бұрын
For me it feels the compiler is result of something being wrong in the core of react in the first place
@offlercrocgod5 ай бұрын
Indeed, if they used signals all this would be redundant.
@CodingPhase5 ай бұрын
Theo is the CNN of React lol this is where i get my react news
@valknut96485 ай бұрын
>implying CNN is a reliable news source in the first place
@colin_actually5 ай бұрын
React changes forever every year. It's how we keep the javascript programmers too busy to work in other sectors.
@warrenarnold5 ай бұрын
Frontend developers are not programmer 😅😂😂😂😂
@underflowexception5 ай бұрын
new week, more complexity!
@ArturMullerDesign5 ай бұрын
Congrats on making a video without a silly face thumbnail! It's great 🔥
@brennan1235 ай бұрын
A compiler that doesn't work across file boundaries? WAT?!?!?
@TimLouw5 ай бұрын
More of just a parser or transpiler with some predefined find and replace properties😂
@Leonhart_935 ай бұрын
@@TimLouw Even real compilers do that step.
@TimLouw5 ай бұрын
@@Leonhart_93 I'm aware they do that step but that's not what makes them proper compilers... It's a feature they generally handle but the fact that this compiler doesn't go across file boundaries is leaving a massive amount of optimization on the table.
@theshermantanker70435 ай бұрын
That's literally every C or C++ compiler when you turn Link Time Optimization off. It's really more common than you think
@ThatDereKid5 ай бұрын
So basically rich harris was right
@SilvestreVivo5 ай бұрын
Basically he always is
@StephanHoyer5 ай бұрын
No. Both where wrong. Solution is a simpler, more predictable framework than react. Compiling makes things even more opaque. Try to debug in that code.
@SilvestreVivo5 ай бұрын
@@StephanHoyer I think Svelte 5 is pretty easy to debug. We don't need more React craziness. There are better alternatives.
@StephanHoyer5 ай бұрын
@SilvestreVivo I don't mean react. I find it aweful, too. But there are much simpler alternatives that don't need compilation at all. Like mithriljs.
@SilvestreVivo5 ай бұрын
@@StephanHoyer mithriljs? hahah I am migrating a project from mithriljs to Svelte because is extremely difficult to maintain. Let's be serious please.
@ParanoidxProd5 ай бұрын
Sexy tan lines 👀 Now that’s the T3 Skater Boy we all know and love!
@thiagovieira85695 ай бұрын
Agajn?
@Frazful5 ай бұрын
My thoughts exactly
@centner8135 ай бұрын
First hand experience in delivering updates/news. Thanks man!
@Noritoshi-r8m5 ай бұрын
>Compiler built in rust. Of course it is. Why isnt Rust in the browsers already? Javascript is slowing us so much.
@mirzazplayz_rblx5 ай бұрын
This guy yapp so much!!
@ytuser62765 ай бұрын
How does it affect bundle size?
@HUEHUEUHEPony5 ай бұрын
Smaller, but don't look at build times
@andy_lamax5 ай бұрын
Doesn't this affect bundle size though?
@lumiannah5 ай бұрын
My thoughts exactly. What about memory footprint as well?
@Fidicirj5 ай бұрын
No shit Theo, this format much much better that your normal videos. Not much opinions, enjoying the news, not much reactions. Hopefully you will keep it up.
@DevlogBill5 ай бұрын
Very exciting stuff. Since this is so new upon release date it would be nice if they left on Vite the new compile version and as well as the standard React project download version. I am assuming the compiler version will be excellent for certain use cases.
@sgguitarfan75 ай бұрын
Svelte had to exist, just so that react could become less shitty.
@Leonhart_935 ай бұрын
Now this compiler might actually be an improvement that will make me add something new for the first time in the past 5 years.
@NeilTheFisher5 ай бұрын
Jack Herrington mentioned that memoization won't work for proxy state, specifically mentioning mobx. What do you think the best solution for that would be? I've been using valtio and that may affect me as well.
@toshobg5 ай бұрын
I've never been so confused in my life
@CristianKirk5 ай бұрын
React changed forever for 3 months.
@coomservative5 ай бұрын
TL;DR it’s Svelte now
@onça_pintuda9995 ай бұрын
So it got better, F for SolidJs
@ddomingo5 ай бұрын
This is some cool stuff. I am glad that React is taking this direction.
@AivoPaas5 ай бұрын
"React code" and "elegant" in the same sentence. Laughing in Vue.
@pastuh5 ай бұрын
sometimes I think... need go back to art, one simple pencil which never changes
@gabbeeto5 ай бұрын
well your keyboard never changes and the techniques you're going to use in art are going to be different overtime
@ojolowoboluwatife91365 ай бұрын
Great video, I'm happy I could catch up
@neizvestniydrug5 ай бұрын
Hype! Hype! Hype!!🎉🎉🎉😂😂😂
@dotthree78945 ай бұрын
Imagine trying to use a hammer, but each time you use it the handle is different
@RasmusSchultz5 ай бұрын
what about output file size? compiled output looks substantially more complex. I also wonder how this affects debugging. the addition of a compiler radically changes React code from something where you can easily imagine what the output looks like - the standard React JSX transform is so trivial, so easy to understand and explain. we've sort of lost that. I'm still unsure why I should be more excited about this than about something like Solid, which was designed and built for the kind of performance and scalability React is fighting for... but did so with design rather than by layering more complexity on top of complexity. at the end of the day, doesn't all of this added complexity exist primarily to correct inherent design problems that React itself created?
@davidllanes10195 ай бұрын
Hey, please can you tell me what Theme you are using in VS code?
@jak3legacy5 ай бұрын
The necessity of a compiler at such an abstract level has convinced me that React was a pioneer in component-ized architecture, but that React itself, particularly the rendering lifecycle and surrounding architecture, is not it. React's "children" frameworks and architectures built around signals and other reactivity systems will be the future. Just not sure how far into the future. React has effectively gone from a rendering library inside of a programming language, to a scripting language (as it is written by developers).
@hodev6325 ай бұрын
If it leads to the removal of unused code in react dom, so we don't download 140 kb library, it would be great. That's the point of using build tools . Like what we have in Svelte other than that, it's a nice update
@TimLouw5 ай бұрын
I can't believe the React team took this many years to realise that they could deliver a much better developer experience and much better app performance by using a compiler. All the actually great frameworks started out with a compiler because they knew how key it was from the beginning.
@geekofia5 ай бұрын
React wasn't a framework, it was a library. Now it's becoming a framework.
@TimLouw5 ай бұрын
@@geekofia it's been touted as just a library but has over the years gained more and more of the typical features of a framework and it doesn't compete against libraries, it competes against frameworks. Just search React vs and all the results will be it getting compared to frameworks.
@senpaijs7985 ай бұрын
Our belowed React Paster Theo.
@MrJulyos5 ай бұрын
I love your videos bro thanks for the info
@tungthanh42975 ай бұрын
Will webpack, vite are still working with such a new React compiler?
@BobKane-g6x5 ай бұрын
Wait until next week... It'll change again. :D
@crism88685 ай бұрын
"Don't bother writing any of this down is going to change next week" - Programmers are also human
@kodekorp20645 ай бұрын
I remember when React first released and I had to choose between react or angularJS as the current two main techs lol
@patcoston5 ай бұрын
6:46 I found a bug in your wording. Check the spelling of etcetera, then listen to yourself say it. I used to say it that way until one day I went to write etc. but instead I wrote ect., then I thought, that can't be right. I figured out the glitch in my matrix, and uploaded a patch.
@raphauy5 ай бұрын
Very promising. Thank you!
@anonimoanonimo-wb5gk2 ай бұрын
Hi, I'm a begginer fullstack developer, and I'm leraning react. I'm kinda feeling lost with the Overhelming quantit of information there is about It. I learned a lot of concepts, how to use hooks, etc. And now there is this react compiler I literally didn't knew about the existance... Can comeone give me some tips of what I should study to get into te market? I'm already building wesites, but I'm scared I'm missing out on something I should know and I don't wight now...
@Rtzoor5 ай бұрын
funny seeing you with natural lighting then KRAZAM drops The Solar Sermon
@ajar10005 ай бұрын
React never stops changing lol
@____---__________--------_____5 ай бұрын
it changes forever with each announcement
@tyu34565 ай бұрын
People say this but at the same time... React has been on v18 for years
@MasterF35 ай бұрын
Does this eliminate all unnecessary re-renders and the need for other techniques like building the component further up and passing it down as a prop?
@BarakaAndrew5 ай бұрын
This is great, now we need static hermes on mobile then react is the only tool one needs for everything
@Kaczucha8885 ай бұрын
This sounds like it is going to be memory hungry! React VDOM is just a bad abstraction
@sashogs5 ай бұрын
Time to move to solid?
@habong173595 ай бұрын
Tomorrow: React Just Changed Forever and Ever
@habong173595 ай бұрын
Next week: Next.js Just Changed Web Development
@habong173595 ай бұрын
Next month: React Just Changed Forever, But This Time For Real
@habong173595 ай бұрын
2 Month later: Next.js Just Changed Everything, But This Time "EVERYTHING"
@habong173595 ай бұрын
3 Month later: React Got Rid of `use()`
@habong173595 ай бұрын
4 Month later: Next.js Revives `use()` and Changes The Fundamental Thinking of Web Development.
@MichaelLazarski5 ай бұрын
React is Svelte now
@snowwsquire5 ай бұрын
The 14 inch mbp aspect ratio feels very weird but i kinda like it
@tobeythepancakeАй бұрын
Anyone look at memory utilization with the new compiler? I want to see if it’s the same.
@mr.random84475 ай бұрын
Team Svelte
@dmullen19945 ай бұрын
ur hair looks good at this length
@rob0115 ай бұрын
That’s not length, it’s 1-based indexing
@gnoyl5 ай бұрын
Oh wow another fundamental change that deprecates 6 month old code! Love to see it
@jrreed475 ай бұрын
I ran out of breath for you watching this
@oemeraran81835 ай бұрын
Manual memoization (performance in general) and forwardRef were really always my biggest reasons to switch to other frameworks. With both of these changes, I dont see any reason to switch anymore. I think React has the best mental model now, making the code easy to understand and reason about, without having to know the internals. I am especially talking about DX not about the complexity of the internal code. Even though I love solid, i much rather use spread operators instead of helper functions like "mergeProps". It just feels more natural to use. Also using variables instead of calling function to get the reactive state. And don't let me start with Vue magic and ".value" insanity. It's so odd to retain reactivity. Same with Svelte. I don't like the crazy magic and custom file extentions to make these frameworks work. Either tsx or ts. Solid was the only real alternative, but with these changes and the existing insane ecosystem, I really don't see a reason to leave react behind. We have to understand and also appreciate, that react was ome of the first and they need the time to fix core issues from framework level now, which they are always trying to do.
@nephis_20065 ай бұрын
fyi you dont need .vue to have a vue project
@oemeraran81835 ай бұрын
@@nephis_2006 i know you can use tsx, but it's not the default. I tried it once and the resources were lacking, as every blog post was about SFC. If you opt-out of default behaviour you always have different kind of problems. Also not every team member would want to use tsx.
@emreq91245 ай бұрын
What happened to "memoziation comes with a cost" and "dont overuse useMemo and memo" things? omg everything is memoized now.
@elirane855 ай бұрын
That was lie :) I think that the "cost" was that they were scared that you'll use to much memory that it will affect performance. I personally ignored that advice at some point and started memoizing EVERYTHING and it always had only positive effect on performance.
@havokgames82975 ай бұрын
It came at a cost of having to manually put that code everywhere. That cost has now been shifted to just a bundle size cost.
@emreq91245 ай бұрын
@@havokgames8297 no, memoization has a runtime cost which checks the equity of current and next value by using Object.is(or such things) method, to update the value or decide some actions for components depends on the situation. They said "rerendering is a small thing and react is so performant about that, but updating real dom is a expensive thing" maybe 1001240 times. Now they put memoization everywhere under the hood. I cant understand
@richardantao32495 ай бұрын
Hot take: every piece of software changes forever after every release
@cesarmartinez22075 ай бұрын
yes the react team went a different way with the compiler because instead of doing what signals already fixed they decided to hide the garbage behind this magic compiler
@williamliu7965 ай бұрын
is this something that is being built into ‘next dev’?
@fadfooood5 ай бұрын
React compiler only works with react 19? If yes, then how do we use it on existing projects?
@thisandthatguy11565 ай бұрын
What are those menu icons after the recording one?
@pinatacolada79865 ай бұрын
I'm at a conference but rather than enjoy myself, socialize, meet and talk to people and relax - I ran away to my secluded hotel room to talk, alone to myself. Find the bar, nerd.
@GenericInternetter5 ай бұрын
Those thumbnail faces are pure cringe.
@DelandaBaudLacanian5 ай бұрын
Unfortunately the thumbnails is what generates clicks, it's the Mr Beastification of the internet
@NopeNopeNope91245 ай бұрын
This is literally going to change the ENTIRE world as we know it, forget everything you know guys. Humanity is about to reach a new stage of evolution
@Caldaron5 ай бұрын
theo got new teeth?
@ricky26295 ай бұрын
It just converts between JSX and JS, it's not a compiler it's a transpiler
@mihailmojsoski42025 ай бұрын
gcc just converts between C and machine code, it's not a compiler it's a transpiler
@voltflake5 ай бұрын
0 days since react changed forever
@yungouda5 ай бұрын
We need to make Theo implement a compiler in Go and in Rust.
@PaulBunkey5 ай бұрын
Just now noticed... Theo is somewhat similar to Freddie Mercury. More so than Rami Malek... Just stop at 0:15 and imagine him with short hair 😄
@lazarpro30305 ай бұрын
so they were the ones lagging github
@alexanderhorner5 ай бұрын
Off topic: I love the hair. How do you make you hair curly/wavey like that?
@t3dotgg5 ай бұрын
I went to a different climate (Vegas) and didn't blowdry my hair this morning. This is technically how it "naturally looks"
@alexanderhorner5 ай бұрын
@@t3dotgg nice
@mailslurp5 ай бұрын
hype god
@prestigealanazi29935 ай бұрын
I was about to learn svelte wat
@prestigealanazi29935 ай бұрын
I thought that will change a little of the syntax or coding simplicity , but seems no , therefore I would still learn svelte kit and capacitor js ( as it seems the best easiest way ) for the backend tho I think I will mix between asp , node and mongodb