Skip to content

Commit 91cabad

Browse files
deblasiscursoragent
andcommitted
fix(reference): address review for useTransition (PR #653)
Align terminology with reviewed reference pages: funzioni `set`, custom Hook capitalization, lo state, and Transizione/Action wording. Signed-off-by: Alessandro De Blasis <alex@deblasis.net> Co-authored-by: Cursor <cursoragent@cursor.com>
1 parent 24588b7 commit 91cabad

1 file changed

Lines changed: 7 additions & 7 deletions

File tree

‎src/content/reference/react/useTransition.md‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -102,7 +102,7 @@ function SubmitButton({ submitAction }) {
102102

103103
#### Parameters {/*starttransition-parameters*/}
104104

105-
* `action`: Una funzione che aggiorna dello state chiamando una o più [`set` functions](/reference/react/useState#setstate). React chiama `action` immediatamente senza parametri e contrassegna come Transizioni tutti gli aggiornamenti di state pianificati in modo sincrono durante la chiamata alla funzione `action`. Qualsiasi chiamata async attesa con `await` in `action` sarà inclusa nella Transizione, ma attualmente richiede di avvolgere qualsiasi `set` function dopo `await` in un ulteriore `startTransition` (vedi [Troubleshooting](#react-doesnt-treat-my-state-update-after-await-as-a-transition)). Gli aggiornamenti di state contrassegnati come Transizioni saranno [non bloccanti](#perform-non-blocking-updates-with-actions) e [non mostreranno indicatori di caricamento indesiderati](#preventing-unwanted-loading-indicators).
105+
* `action`: Una funzione che aggiorna lo state chiamando una o più [funzioni `set`](/reference/react/useState#setstate). React chiama `action` immediatamente senza parametri e contrassegna come Transizioni tutti gli aggiornamenti di state pianificati in modo sincrono durante la chiamata alla funzione `action`. Qualsiasi chiamata async attesa con `await` in `action` sarà inclusa nella Transizione, ma attualmente richiede di avvolgere qualsiasi funzione `set` dopo `await` in un ulteriore `startTransition` (vedi [Troubleshooting](#react-doesnt-treat-my-state-update-after-await-as-a-transition)). Gli aggiornamenti di state contrassegnati come Transizioni saranno [non bloccanti](#perform-non-blocking-updates-with-actions) e [non mostreranno indicatori di caricamento indesiderati](#preventing-unwanted-loading-indicators).
106106

107107
#### Returns {/*starttransition-returns*/}
108108

@@ -112,7 +112,7 @@ function SubmitButton({ submitAction }) {
112112

113113
* `useTransition` è un Hook, quindi può essere chiamato solo all'interno di componenti o custom Hook. Se devi avviare una Transizione altrove (per esempio, da una libreria di dati), chiama invece la funzione standalone [`startTransition`](/reference/react/startTransition).
114114

115-
* Puoi avvolgere un aggiornamento in una Transizione solo se hai accesso alla `set` function di quello state. Se vuoi avviare una Transizione in risposta a una prop o a un valore di un custom Hook, prova [`useDeferredValue`](/reference/react/useDeferredValue).
115+
* Puoi avvolgere un aggiornamento in una Transizione solo se hai accesso alla funzione `set` di quello state. Se vuoi avviare una Transizione in risposta a una prop o a un valore di un custom Hook, prova [`useDeferredValue`](/reference/react/useDeferredValue).
116116

117117
* La funzione che passi a `startTransition` viene chiamata immediatamente, contrassegnando come Transizioni tutti gli aggiornamenti di state che avvengono mentre viene eseguita. Se provi a eseguire aggiornamenti di state in un `setTimeout`, per esempio, non saranno contrassegnati come Transizioni.
118118

@@ -208,7 +208,7 @@ export default function App({}) {
208208
const [isPending, startTransition] = useTransition();
209209

210210
const updateQuantityAction = async newQuantity => {
211-
// Per accedere allo state pending di una transizione,
211+
// Per accedere allo state pending di una Transizione,
212212
// chiama di nuovo startTransition.
213213
startTransition(async () => {
214214
const savedQuantity = await updateQuantity(newQuantity);
@@ -319,7 +319,7 @@ Per casi d'uso comuni, React fornisce astrazioni integrate come:
319319
- [action di `<form>`](/reference/react-dom/components/form)
320320
- [Server Functions](/reference/rsc/server-functions)
321321

322-
Queste soluzioni gestiscono l'ordinamento delle richieste per te. Quando usi le Transizioni per costruire i tuoi custom hook o librerie che gestiscono transizioni di state async, hai un controllo maggiore sull'ordinamento delle richieste, ma devi gestirlo tu stesso.
322+
Queste soluzioni gestiscono l'ordinamento delle richieste per te. Quando usi le Transizioni per costruire i tuoi custom Hook o librerie che gestiscono transizioni async di state, hai un controllo maggiore sull'ordinamento delle richieste, ma devi gestirlo tu stesso.
323323

324324
<Solution />
325325

@@ -753,7 +753,7 @@ b { display: inline-block; margin-right: 10px; }
753753

754754
<Note>
755755

756-
Quando esponi una prop `action` da un componente, dovresti fare `await` al suo interno nella transizione.
756+
Quando esponi una prop `action` da un componente, dovresti fare `await` al suo interno nella Transizione.
757757

758758
Questo permette alla callback `action` di essere sincrona o asincrona senza richiedere un ulteriore `startTransition` per avvolgere `await` nell'action.
759759

@@ -1263,7 +1263,7 @@ Questo è consigliato per tre motivi:
12631263
12641264
- [Le Transizioni sono interrompibili,](#perform-non-blocking-updates-with-actions) il che permette all'utente di cliccare altrove senza attendere il completamento della ri-renderizzazione.
12651265
- [Le Transizioni prevengono indicatori di caricamento indesiderati,](#preventing-unwanted-loading-indicators) il che permette all'utente di evitare salti bruschi durante la navigazione.
1266-
- [Le Transizioni attendono che tutte le action pending si completino](#perform-non-blocking-updates-with-actions), il che permette all'utente di attendere il completamento degli effetti collaterali prima che la nuova pagina venga mostrata.
1266+
- [Le Transizioni attendono che tutte le Action in sospeso si completino](#perform-non-blocking-updates-with-actions), il che permette all'utente di attendere il completamento degli effetti collaterali prima che la nuova pagina venga mostrata.
12671267
12681268
Ecco un esempio semplificato di router che usa le Transizioni per le navigazioni.
12691269
@@ -1824,7 +1824,7 @@ export default function App({}) {
18241824
const updateQuantityAction = newQuantity => {
18251825
setClientQuantity(newQuantity);
18261826

1827-
// Accedi allo state pending della transizione
1827+
// Accedi allo state pending della Transizione
18281828
// avvolgendo di nuovo in startTransition.
18291829
startTransition(async () => {
18301830
const savedQuantity = await updateQuantity(newQuantity);

0 commit comments

Comments
 (0)