Skip to content

Commit a79354b

Browse files
docs: capitalize 'Actions' in useTransition.md
Capitalize React Actions concept per style guide (#6713). - 'actions' → 'Actions' when referring to the React concept - Keep lowercase for general programming terms and parameter names
1 parent b8bcc36 commit a79354b

1 file changed

Lines changed: 3 additions & 3 deletions

File tree

src/content/reference/react/useTransition.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -309,7 +309,7 @@ This is a basic example to demonstrate how Actions work, but this example does n
309309

310310
For common use cases, React provides built-in abstractions such as:
311311
- [`useActionState`](/reference/react/useActionState)
312-
- [`<form>` actions](/reference/react-dom/components/form)
312+
- [`<form>` Actions](/reference/react-dom/components/form)
313313
- [Server Functions](/reference/rsc/server-functions)
314314

315315
These solutions handle request ordering for you. When using Transitions to build your own custom hooks or libraries that manage async state transitions, you have greater control over the request ordering, but you must handle it yourself.
@@ -1248,7 +1248,7 @@ This is recommended for three reasons:
12481248
12491249
- [Transitions are interruptible,](#perform-non-blocking-updates-with-actions) which lets the user click away without waiting for the re-render to complete.
12501250
- [Transitions prevent unwanted loading indicators,](#preventing-unwanted-loading-indicators) which lets the user avoid jarring jumps on navigation.
1251-
- [Transitions wait for all pending actions](#perform-non-blocking-updates-with-actions) which lets the user wait for side effects to complete before the new page is shown.
1251+
- [Transitions wait for all pending Actions](#perform-non-blocking-updates-with-actions) which lets the user wait for side effects to complete before the new page is shown.
12521252
12531253
Here is a simplified router example using Transitions for navigations.
12541254
@@ -1945,7 +1945,7 @@ export async function updateQuantity(newName) {
19451945
19461946
When clicking multiple times, it's possible for previous requests to finish after later requests. When this happens, React currently has no way to know the intended order. This is because the updates are scheduled asynchronously, and React loses context of the order across the async boundary.
19471947
1948-
This is expected, because Actions within a Transition do not guarantee execution order. For common use cases, React provides higher-level abstractions like [`useActionState`](/reference/react/useActionState) and [`<form>` actions](/reference/react-dom/components/form) that handle ordering for you. For advanced use cases, you'll need to implement your own queuing and abort logic to handle this.
1948+
This is expected, because Actions within a Transition do not guarantee execution order. For common use cases, React provides higher-level abstractions like [`useActionState`](/reference/react/useActionState) and [`<form>` Actions](/reference/react-dom/components/form) that handle ordering for you. For advanced use cases, you'll need to implement your own queuing and abort logic to handle this.
19491949
19501950
19511951
Example of `useActionState` handling execution order:

0 commit comments

Comments
 (0)