Ricky's Avatar

Ricky

@ricky.fm

React core team • Forbes 30 worst over 30

14,166
Followers
916
Following
2,522
Posts
13.04.2023
Joined
Posts Following

Latest posts by Ricky @ricky.fm

IIRC we didn’t do that because we would like to change it to be an installer to select any of the well known frameworks instead

04.03.2026 06:32 👍 6 🔁 0 💬 0 📌 0

Does this implement the performance tracks for server components and server requests yet?

02.03.2026 02:35 👍 0 🔁 0 💬 1 📌 0

100% agree

19.02.2026 04:14 👍 6 🔁 0 💬 0 📌 0
Preview
useActionState – React The library for web and native user interfaces

useActionState is a new hook for forms, async reducers, and more. It now has great new documentation: react.dev/reference/re...
Thank you to @ricky.fm for writing.
Thank you to @aurorascharff.no, @danabra.mov, @samselikoff.com, @stephanjnoel.bsky.social, @brenelz.com, and @yadiel.dev for reviewing.

16.02.2026 14:28 👍 16 🔁 5 💬 0 📌 0

Oh I see what you mean. Yeah I don’t know how you would do that with this hook though.

13.02.2026 13:59 👍 0 🔁 0 💬 0 📌 0

If you’re posting to a /toggle endpoint it’s still not safe. Not sure there’s general guidance here. That’s why for most cases I would either just let them queue (using optimistic to update the UI), or disable the button while in flight

13.02.2026 05:01 👍 0 🔁 0 💬 1 📌 0
Post image

That already works, this is the trace I built the docs from

trace.cafe/t/BseVMSJlNx

11.02.2026 03:57 👍 1 🔁 0 💬 1 📌 0
Preview
React Performance tracks – React The library for web and native user interfaces

We did, check out: react.dev/reference/de...

The thing I'm adding is being able to show what the DevTools Profiler will show you when you run it, embedded in the docs themselves.

10.02.2026 19:59 👍 0 🔁 0 💬 1 📌 0
Preview
React Performance tracks – React The library for web and native user interfaces

For tracking where updates came from, you can click the "update" in the tracks to see were the setState came from.

Here's an example: react.dev/reference/de...

10.02.2026 19:58 👍 0 🔁 0 💬 0 📌 0

We show the component tree in the Components track. We'd like to make it easy to click to go to the Components tab for React DevTools, but that requires the browser to add link support.

10.02.2026 19:58 👍 0 🔁 0 💬 1 📌 0
Video thumbnail

Does this diagram help? It uses the React Performance Tracks to explain what React is doing, and what you'll see when you use the tracks:

github.com/reactjs/reac...

10.02.2026 18:11 👍 30 🔁 3 💬 3 📌 1
Post image

Adding more information to React error pages

github.com/reactjs/reac...

08.02.2026 22:45 👍 38 🔁 1 💬 0 📌 0

You can use Fragment refs for observers, but otherwise it's not clear why you can't use an effect for this?

06.02.2026 19:24 👍 0 🔁 0 💬 1 📌 0
Preview
useEffectEvent – React The library for web and native user interfaces

useEffectEvent makes handling events in Effects much easier and saves unnecessary unmounting and remounting of listeners. It now has awesome new docs: react.dev/reference/re...

Thank you to @ricky.fm the updates, and @danabra.mov and @stephanjnoel.bsky.social for reviewing

06.02.2026 15:44 👍 42 🔁 6 💬 1 📌 0
Preview
Rewrite useActionState by rickhanlonii · Pull Request #8284 · reactjs/react.dev Preview First commit: claude Second commit: my edits I need to do some more passes, but it's ready to review. cc @samselikoff @gaearon @stephan-noel @aurorascharff @brenelz @MaxwellCohen @her...

Rewrote the useActionState docs, does this make sense?

github.com/reactjs/reac...

06.02.2026 19:20 👍 27 🔁 4 💬 4 📌 0

adding event handlers is subscribing to an external system (the DOM) so it fits for events.

02.02.2026 14:11 👍 1 🔁 0 💬 0 📌 0

Take me down to the Parallax city where the far moves slow and the near moves quickly

01.02.2026 15:40 👍 16707 🔁 4836 💬 93 📌 73

Why do you need to attach the listener in a ref callback? We flush effects sync in updates for user events exactly for this use case

31.01.2026 15:42 👍 1 🔁 0 💬 2 📌 0

Yes

31.01.2026 06:24 👍 0 🔁 0 💬 0 📌 0

There are two blockers to autodeps. 1) people really hate the idea of not seeing the array (but that’s fine, you could still choose to write it) and 2) if you think about useEffectEvent primarily as “untracked” then you need to see the deps. But if you think of it as separating events, you don’t

31.01.2026 03:14 👍 2 🔁 0 💬 1 📌 0

Yeah I love that. And that works with my other concern: how does this make sense with auto deps where you don’t write/see the dependency array.

31.01.2026 03:10 👍 0 🔁 0 💬 1 📌 0
Post image

It’s a caveat listed below this

31.01.2026 00:39 👍 0 🔁 0 💬 1 📌 0

My thought process is “i need to connect to a socket and subscribe to a connect event. I don’t want to resubscribe for that event, so let me move this to an effect event”

30.01.2026 21:52 👍 0 🔁 0 💬 1 📌 0

The problem is thinking from the components perspective (how props flow in) not the effects perspective (what values resubscribe).

The thought process should be the same with or without the dependency array.

30.01.2026 21:51 👍 0 🔁 0 💬 1 📌 0

It doesn’t do any tracking internally it just mutates a ref with the last rendered function to update the closure.

30.01.2026 21:50 👍 1 🔁 0 💬 1 📌 0
Preview
useOptimistic – React The library for web and native user interfaces

@ricky.fm Thank you for updating react.dev/reference/re... page.

Also thanks to @danabra.mov, @aurorascharff.no @stephanjnoel.bsky.social, @brenelz.com for adding feedback

30.01.2026 21:31 👍 15 🔁 2 💬 0 📌 2

Btw the preview link works

30.01.2026 19:29 👍 1 🔁 0 💬 0 📌 0

What's the use case?

30.01.2026 19:24 👍 0 🔁 0 💬 1 📌 0

Maybe it's

"This lets you call this function from a Effect as an "event". Since it's an event, the Effect does not need to include it as a dependency. Please read Dan's learn docs about this, they're very good."

30.01.2026 19:19 👍 0 🔁 0 💬 1 📌 0

yeah, i struggle with explaining it simply in the reference section tbh - i don't want to say something about reactivity, or removing deps because you should start from 'i need an event' not 'i need to fuck with deps'

30.01.2026 19:17 👍 0 🔁 0 💬 2 📌 0