React Just Changed Forever 

Don't worry, it's a JS framework, it'll change forever again next week

We write TSX that becomes JSX that becomes JS that becomes "Compiled" JS that becomes ByteCode Porque, Maria

“Don’t write this down. It will all change next week”

The best feature of React is it puts food on my family

Bro was so excited he made the video on the old DVD camcorder he found in the trash.

Watching solely to support the no-stupid-face-on-thumbnail approach 🙃

So, the compiler basically does what Svelte's compiler has been doing so far but for React? Neat

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.

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.

Funny how when Vue used a compiler (and still does), React devs used to say "I don't like compilers doing magic for me"

React spending all this time fixing issues of their own making.

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.

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.

First hand experience in delivering updates/news. Thanks man!

I have one question , isnt our bundler be much more in size since the compiler is adding more code for caching?

i cannot WAIT to see what this does for our UI performance

Hey, please can you tell me what Theme you are using in VS code?

What are those menu icons after the recording one?

ngl Theo, liked this format of video a lot more than the heavily produced ones :)

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.

Will webpack, vite are still working with such a new React compiler?

Great video, I'm happy I could catch up

it's hard to take Theo seriously when he does these 20min clickbait videos every other day about react changing

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.

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.

Forever? That's weird! Usually react only changes for a short period! :o

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?

Who moved on to SolidJs or Svelte for good?

For me it feels the compiler is result of something being wrong in the core of react in the first place

React compiler only works with react 19? If yes, then how do we use it on existing projects?

So how much does this add to the bundle size?

I feel like react changes forever every other month

Don't worry, its React, They will fix it again next version

How does it affect bundle size?

new week, more complexity!

Welcome on the darkside of using compiler. Signed the Angular Community for 8 years

Doesn't this affect bundle size though?

Agajn?

This is some cool stuff. I am glad that React is taking this direction.

A compiler that doesn't work across file boundaries? WAT?!?!?

funny seeing you with natural lighting then KRAZAM drops The Solar Sermon

Now this compiler might actually be an improvement that will make me add something new for the first time in the past 5 years.

React changes forever every year. It's how we keep the javascript programmers too busy to work in other sectors.

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. 😅

I love your videos bro thanks for the info

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.

Svelte had to exist, just so that react could become less shitty.

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?

Very promising. Thank you!

This guy yapp so much!!

Imagine trying to use a hammer, but each time you use it the handle is different

This is great, now we need static hermes on mobile then react is the only tool one needs for everything

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.

Our belowed React Paster Theo.

Huge news!

So basically rich harris was right

The 14 inch mbp aspect ratio feels very weird but i kinda like it

Sexy tan lines 👀 Now that’s the T3 Skater Boy we all know and love!

I remember when React first released and I had to choose between react or angularJS as the current two main techs lol

Congrats on making a video without a silly face thumbnail! It's great 🔥

We need to make Theo implement a compiler in Go and in Rust.

TL;DR it’s Svelte now

Will this also affect react Native

Off topic: I love the hair. How do you make you hair curly/wavey like that?

wait, is this already in vuejs?

Hype! Hype! Hype!!🎉🎉🎉😂😂😂

"React code" and "elegant" in the same sentence. Laughing in Vue.

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

I've never been so confused in my life

How much does the compiler increase bundle size? With all the extra if statements etc

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.

ur hair looks good at this length

React changed forever for 3 months.

is this something that is being built into ‘next dev’?

<a href="#" class="seekto" data-time="406">6:46</a> 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.

what is this aspect ratio? <a href="#" class="seekto" data-time="1213">20:13</a>???

I ran out of breath for you watching this

Theo, you're amazing

hype god

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.

Time to move to solid?

here before @malix ????

0 days since react changed forever

Team Svelte

MobX and chill.

a pull request with 1900 commits, grab a snack the code review may take a while...

Hot take: every piece of software changes forever after every release

Wait until next week... It'll change again. :D

sometimes I think... need go back to art, one simple pencil which never changes

React is Svelte now

that mic makes it look like you've been shot.

so they were the ones lagging github

It just converts between JSX and JS, it's not a compiler it's a transpiler

theo got new teeth?

So the compiler just memoizes everything and hides the mess from you?

To be honest, IG in the web moves like s**t and makes my browser run out of RAM if I open several tabs, which is quite an incredible feat for an online image / short video viewer.

Someone please tell Theo there is an entire world of software out there besides JavaScript. A language by the way that was conceived and written in 10 days. Draw your own conclusions about the implications of that.

Tomorrow: React Just Changed Forever and Ever

I was about to learn svelte wat

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