📣 Just Scheduled Learn how Suspense, transitions, and optimistic updates work in React with core team member @ricky.fm. Details:

can i ai nerd snipe anyone into doing this github.com/reactjs/reac...

The React core team when they see devs using useEffect

aargh someone kill me. literally THE WHOLE POINT of directives is that they’re not just strings! they’re syntactically attached to the scope (function or module) in a way that’s reflected in AST. and both RSC and Next.js ones act at module boundary which is kinda gross for decorators or API calls

Anyone remember asm.js? It allowed you to add "use asm" directives to functions and runtimes would compile them to binary. It was ahead of its time, but was criticized as forking JavaScript syntax and creating vendor lock in for Firefox. It became WebAssembly.

This is very cool! For React devs, the closest analog is the new Activity API. There are pros/cons of each - for example with Activity you kinda have to do some ceremony to pre-render on hover, and this fork() API makes that a bit easier, but I think Activity covers more use cases.

Here's the code for my Async React demo: github.com/rickhanlonii...

please stop dm’ing me that it’s just backbone.js all over again

i think the @react.dev Compiler team could include more of this type of messaging. i'm being a bit inflammatory here (and Haskell may not the best analogy), but the principle of "pure things are safe to move around" is fundamentally simple and has been known for decades. teach it to new generation!

I might do a deep dive later on. I didn’t go into the sync example much, but if you do, you find yourself having to use a bunch of refs and effects just to get a semi good experience. There are no refs or effects with async react features.

god im so annoyed at some of you rn when you talk about everything like it's a "product" and have no understanding of what actual developers who are trying to solve technical issues are doing

i thought @ricky.fm talk was very good. i hope they’ll glue it up together from two days into a cohesive video. slightly sad about the last example breaking (a one-line mistake) but such is the nature of live demos. overall i think it’s a great conclusion to last ten years of work from the team. 💜

Part 2 is on the schedule, I’m just going to start the demo over and finish the talk from there

react <Activity> be like

Part 2 will be at React Conf tomorrow

My talk is just suspended, I’ll finish it later

This explains why useEffectEvent took so long to ship. We tried a lot of alternatives, but they all hit this problem. We decided to ship it with all the constraints, because it’s useful even when constrained, but I’m still hoping for a general solution.

This is React Fiber:

<Activity> - The most exciting React feature just came out! Hide a React subtree and unmount its Effects while preserving its state, and keep rendering it with lower priority. Unlocks very exciting pre-rendering patterns along the way! More Activity modes are coming

Anyone remember React Fiber?

wait what

banger

cooking

[at my second rodeo] listen up you ignorant sack of shit

We're live: twitch.tv/ryansolid

For the first time in the 4 years I've been doing Friday streams, I will be having a @react.dev Core Team member as a guest. I'm excited to welcome @ricky.fm on to talk all things React. Past, present, future. www.youtube.com/live/3vw6EAm...

The snowflakes at Youngstown WYTV are not playing Jimmy Kimmel Live

I have finished a journey cassidoo.co/post/two-tho...

Just had a chance to watch @ryansolid.bsky.social’s transitions stream, highly recommend watching it if you want to understand where frameworks are innovating today www.youtube.com/live/eZAcJc_...

can't wait for <Fragment ref> to ship, so hyped for it

React innovates in scheduling Other frameworks focus on DOM update performance Scheduling has a much greater impact! Everyone should read this thread to understand React's true competitive advantage.

React created multiple async UI threads in a single browser JS thread and people are out here saying it’s not innovating?

deleted my npm tokens, checkmate worms

No one got the pun

The thesis of this post is that React isn't innovating and other UI libraries are. But the real issue is that React's innovations are overshadowed by it's own success. www.lorenstew.art/blog/react-w...

If y’all promise not to ask me for docs or blog posts maybe I’ll explain a bit about why creating a cache API for suspense is so hard

Who do I talk to at bsky to decrease the animation speed for animations across the board? Tapping on a post from feed for example needs to be cut in half

I don't know who needs to hear this, but here are some alternatives to fetching data in useEffect:

If anyone at Netflix wants to know exactly why the new UI caused your watch numbers to drop hit me up

you learn a lot about a website when the css fails to load

Huh an awful lot of rhetoric shifted from Old Testament to New Testament over the past few hours

happy cartel's chroma 2025 release day for all who celebrate 😮‍💨

I think at this point Aurora understands transitions and optimistic better than I do, watch this talk

Any podcasts or streams want to invite me on to talk about React transitions, suspense, and optimistic?

I think what makes transitions and suspense so hard to understand is that they are not solving code problems or performance problems They’re solving UX problems

hypocrisy is such a cheat code. when something you like happens you can say whatever you want, and when something you don't like happens you get to tell people what they should say

I think I might do a talk at React Conf, what do you want to hear more about?

“Hey Siri, publish this post at 12:00” Siri: “Got it, scheduled for 12:00am”

we can't escape him