#useTransition
LightNews LightNews
mspk-97.bsky.social
Why does React’s useTransition spinner sometimes flash briefly? Learn how React’s scheduler prioritizes updates to keep your UI responsive and when useTransition really helps. #React #useTransition #ConcurrentMode #Frontend #JavaScript https://blog.mspk.me/posts/understanding-react-s-usetransition-m
September 30, 2026 at 1:18 PM
danabra.mov
curious how component libraries that don’t have primitives for concurrent rendering (like useTransition, useDeferredValue, Suspense) will approach declarative ViewTransitions.

how do you express in code that you want some state updates to be long-running and async, but others can interrupt them?
April 27, 2025 at 1:37 PM
darshitdudhaiya.bsky.social
🔄 React Hooks Faceoff: useTransition vs useActionState

🚀 useTransition: Defer UI updates
🧠 useActionState: Handle async form actions

✅ When to use?
useTransition → smooth UI
useActionState → async forms

Which one do you use more? 👇
#ReactJS #NextJS #WebDev
July 28, 2025 at 6:25 PM
ricky.fm
@danabra.mov do you remember why we deleted this section from the old concurrent mode docs? github.com/reactjs/reac...
Screenshot of GitHub PR diff showing these lines removed: ### Baking Transitions Into the Design System {#baking-transitions-into-the-design-system} We can now see that the need for `useTransition` is *very* common. Pretty much any button click or interaction that can lead to a component suspending needs to be wrapped in `useTransition` to avoid accidentally hiding something the user is interacting with. This can lead to a lot of repetitive code across components. This is why **we generally recommend to bake `useTransition` into the *design system* components of your app**. For example, we can extract the transition logic into our own `<Button>` component:
July 31, 2025 at 6:07 PM
aurorascharff.no
I cover Async @react.dev primitives like useTransition, useOptimistic, Suspense, and use() and how they simplify async coordination. React and its ecosystem are evolving for reliable async and a declarative DX. Loved writing this for @logrocket.bsky.social.
December 3, 2025 at 5:17 PM
housecor.com
How I handled React state over 10 years:

2014: Class state
2016: Redux
2018: useState, useReducer, useContext
2020: React query
2021: Zustand for globals
2024: useOptimistic, useTransition, useFormStatus, useActionState, RSC
2025: Tanstack DB or sync engine (Zero, Electric, Convex)
September 3, 2025 at 12:53 PM
dubroy.com
Hmmm, maybe depends on your definition. useContext, useTransition, onCleanup, onMount — these all feel "hooks-style" to me.
October 25, 2025 at 2:21 PM
hellonehha.bsky.social
New video is live on my YouTube channel on useTransition() hook.

Watch here: youtu.be/Cy_Y7R5vkaw
December 6, 2024 at 8:21 AM
aurorascharff.no
I'm still exploring React 19 Actions! Here's a blog post about building reusable components with Actions, utilizing useTransition() and useOptimistic(), and exposing an action property callable by parent components.
aurorascharff.no/posts/buildi...
Building Reusable Components with React 19 Actions | Aurora Scharff
In this blog post, we will explore how to build reusable components with React 19 Actions, track transition states, use optimistic updates, and expose action properties for custom logic.
aurorascharff.no
April 4, 2025 at 10:29 PM
aurorascharff.no
The Async React design layer in practice.

Components handle async coordination and UI internally:
• Pending states via useTransition
• Optimistic updates via useOptimistic

Two examples with live demos ↓
aurorascharff.no/posts/building-design-components-with-action-props-using-async-react
Building Design Components with Action Props using Async React | Aurora Scharff
Learn how to build reusable design components that expose action props and internally manage optimistic updates, loading states, and automatic rollback, so consumers just pass a value and an action.
aurorascharff.no
February 24, 2026 at 9:42 AM
tech-trending.bsky.social
React19で新しくなったuseTransition
https://zenn.dev/h_yokoyama/articles/react19-usetransition
React19で新しくなったuseTransition
zenn.dev
August 31, 2024 at 10:33 AM
santiagojimenez.dev
The new features in React 19 and the latest hooks are worth exploring. I particularly like useTransition for handling the pending state of requests. It’s so clean, it’s a pleasure to read the code #ReactJS #JavaScript
December 5, 2024 at 11:15 PM
tom.sherman.is
With React transitions and actions, finding myself doing this pattern a bunch (where one of the two awaited fns is maybe a server action). Feels so wrong at first but then so right how all of the pieces compose together
const [isPending, startTransition] = useTransition(); return ( <form action={() => startTransition(async () => { await doSomething(); await doSomethingElse(); }) } > <button type="submit" disabled={isPending}> Submit </button> </form> );
November 3, 2024 at 5:54 PM
edgaras.com
I'm prototyping a TUI inspired bookmarks tool for my website.

It uses React's useOptimistic and useTransition hooks to create instant-feeling database updates.

Also experimenting with a single monospace font size and using "ch" and "rem" units for character-based UI spacing.
January 4, 2025 at 7:07 AM
azu.bsky.social
このページってReact 19に対応してる?
startTransition + await のパターンがダメってなってるけど "useTransition – React" https://react.dev/reference/react/useTransition
May 27, 2024 at 8:24 AM
harrywinser.com
Some new changes in React 19, including `useTransition` - might have a play with that this weekend

react.dev/blog/2024/12...

#react #javascript #js #webdev
React v19 – React
The library for web and native user interfaces
react.dev
December 6, 2024 at 2:14 PM
ricky.fm
Ah yeah in React the isPending for useTransition is scoped to the startTransition called from the same hook.
July 29, 2025 at 10:42 PM
felgus.dev
O react conseguiu interromper um render pra priorizar um outro, aí tem o useTransition e useDwferred que ativa em mais casos
March 28, 2025 at 1:55 AM
aatifsohel.bsky.social
Day 72 / 100

I'm learning React JS & Next JS. Here's what I covered today:

✅ continued working on "The Wild Oasis" website
✅ build guest's reservation page
✅ deleting a reservation
✅ cache revalidation
✅ useTransition hook

#webdevelopment #100daysofcode
December 10, 2025 at 4:07 PM
danabra.mov
i think the question about the value of concurrency is still up for debate. i expect it will clear up in the next few years as a more code adopts <Suspense>, useTransition (directly or via transition-based routers like App Router). with 19 out, you’d also encounter it via Actions and useOptimistic
May 19, 2024 at 2:23 AM
ytroncal.bsky.social
useTransition vs useOptimistic dev.to/shieldstring...
useTransition vs useOptimistic
I've distinguished between managing the loading state (useTransition) and faking the result...
dev.to
December 8, 2025 at 2:26 PM
tech-trending.bsky.social
【Next.js】useTransitionを使ったServer Actionsの二重押下防止
https://zenn.dev/kiwichan101kg/articles/ef6992a45de2bd
【Next.js】useTransitionを使ったServer Actionsの二重押下防止
zenn.dev
September 29, 2024 at 4:34 AM
ricky.fm
Yeah I can pair to investigate why this doesn’t work, I was looking at it with tanner the other day. But the user can get the pending state either by wrapping with useTransition (because startTransition composes) or adding an optimistic update.
September 18, 2025 at 11:11 AM
brenelz.com
I feel Solid wouldn't be too different for end user code as it has useTransition. Svelte would be different as it kinda does something transition-like by default
September 18, 2025 at 1:35 AM