Skip to content

Commit f4f0233

Browse files
deblasiscursoragent
andcommitted
fix(blog): glossary and formatting in 2020–2022 translations
Align Effect terminology with GLOSSARY.md and fix author/quotes typos. Signed-off-by: Alessandro De Blasis <alex@deblasis.net> Co-authored-by: Cursor <cursoragent@cursor.com>
1 parent 26e6878 commit f4f0233

3 files changed

Lines changed: 6 additions & 6 deletions

File tree

‎src/content/blog/2022/03/08/react-18-upgrade-guide.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -235,7 +235,7 @@ Per maggiori informazioni, consulta l'[approfondimento sul raggruppamento automa
235235
Nel React 18 Working Group abbiamo lavorato con i maintainer di librerie per creare nuove API necessarie a supportare il concurrent rendering per casi d'uso specifici in aree come gli stili e gli store esterni. Per supportare React 18, alcune librerie potrebbero dover passare a una delle seguenti API:
236236

237237
* `useSyncExternalStore` è un nuovo Hook che consente agli store esterni di supportare letture concorrenti forzando gli aggiornamenti allo store a essere sincroni. Questa nuova API è consigliata per qualsiasi libreria che si integra con state esterno a React. Per maggiori informazioni, consulta il [post di panoramica useSyncExternalStore](https://github.com/reactwg/react-18/discussions/70) e i [dettagli dell'API useSyncExternalStore](https://github.com/reactwg/react-18/discussions/86).
238-
* `useInsertionEffect` è un nuovo Hook che consente alle librerie CSS-in-JS di affrontare problemi di prestazioni legati all'iniezione di stili durante la renderizzazione. A meno che tu non abbia già costruito una libreria CSS-in-JS, non ci aspettiamo che tu la usi mai. Questo Hook viene eseguito dopo la mutazione del DOM, ma prima che i layout effect leggano il nuovo layout. Risolve un problema che esiste già in React 17 e versioni precedenti, ma è ancora più importante in React 18 perché React cede il controllo al browser durante il concurrent rendering, dandogli la possibilità di ricalcolare il layout. Per maggiori informazioni, consulta la [Library Upgrade Guide for `<style>`](https://github.com/reactwg/react-18/discussions/110).
238+
* `useInsertionEffect` è un nuovo Hook che consente alle librerie CSS-in-JS di affrontare problemi di prestazioni legati all'iniezione di stili durante la renderizzazione. A meno che tu non abbia già costruito una libreria CSS-in-JS, non ci aspettiamo che tu la usi mai. Questo Hook viene eseguito dopo la mutazione del DOM, ma prima che i layout Effect leggano il nuovo layout. Risolve un problema che esiste già in React 17 e versioni precedenti, ma è ancora più importante in React 18 perché React cede il controllo al browser durante il concurrent rendering, dandogli la possibilità di ricalcolare il layout. Per maggiori informazioni, consulta la [Library Upgrade Guide for `<style>`](https://github.com/reactwg/react-18/discussions/110).
239239

240240
React 18 introduce anche nuove API per il concurrent rendering come `startTransition`, `useDeferredValue` e `useId`, di cui parliamo di più nel [post di rilascio](/blog/2022/03/29/react-v18).
241241

@@ -312,10 +312,10 @@ Se hai bisogno di supportare Internet Explorer, ti consigliamo di restare su Rea
312312

313313
## Altri breaking change {/*other-breaking-changes*/}
314314

315-
* **Timing consistente di useEffect**: React ora esegue sempre il flush sincrono delle funzioni effect se l'aggiornamento è stato attivato durante un evento di input utente discreto come un click o un keydown. In precedenza, il comportamento non era sempre prevedibile o consistente.
315+
* **Timing consistente di useEffect**: React ora esegue sempre il flush sincrono delle funzioni degli Effetti se l'aggiornamento è stato attivato durante un evento di input utente discreto come un click o un keydown. In precedenza, il comportamento non era sempre prevedibile o consistente.
316316
* **Errori di hydration più rigorosi**: I mismatch di hydration dovuti a contenuto testuale mancante o extra sono ora trattati come errori invece che warning. React non tenterà più di "rattoppare" singoli nodi inserendo o eliminando un nodo sul client per far corrispondere il markup del server, e tornerà al client rendering fino al boundary `<Suspense>` più vicino nell'albero. Questo garantisce che l'albero idratato sia consistente ed evita potenziali problemi di privacy e sicurezza causati da mismatch di hydration.
317317
* **Gli alberi Suspense sono sempre consistenti:** Se un componente sospende prima di essere completamente aggiunto all'albero, React non lo aggiungerà all'albero in uno state incompleto né attiverà i suoi Effetti. Invece, React scarterà completamente il nuovo albero, attenderà il completamento dell'operazione asincrona e poi riproverà a renderizzare da zero. React renderizzerà il tentativo di retry in modo concorrente e senza bloccare il browser.
318-
* **Layout Effect con Suspense**: Quando un albero si ri-sospende e torna a un fallback, React ora pulirà i layout effect e poi li ricreerà quando il contenuto all'interno del boundary viene mostrato di nuovo. Questo risolve un problema che impediva alle librerie di componenti di misurare correttamente il layout quando usate con Suspense.
318+
* **Layout Effect con Suspense**: Quando un albero si ri-sospende e torna a un fallback, React ora pulirà i layout Effect e poi li ricreerà quando il contenuto all'interno del boundary viene mostrato di nuovo. Questo risolve un problema che impediva alle librerie di componenti di misurare correttamente il layout quando usate con Suspense.
319319
* **Nuovi requisiti dell'ambiente JS**: React ora dipende da funzionalità moderne del browser tra cui `Promise`, `Symbol` e `Object.assign`. Se supporti browser e dispositivi più vecchi come Internet Explorer che non forniscono nativamente funzionalità moderne del browser o hanno implementazioni non conformi, considera di includere un polyfill globale nella tua applicazione bundled.
320320

321321
## Altri cambiamenti rilevanti {/*other-notable-changes*/}

‎src/content/blog/2022/03/29/react-v18.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -263,7 +263,7 @@ Con Strict Mode in React 18, React simulerà lo smontaggio e il rimontaggio del
263263
264264
#### useInsertionEffect {/*useinsertioneffect*/}
265265

266-
`useInsertionEffect` è un nuovo Hook che consente alle librerie CSS-in-JS di affrontare problemi di prestazioni legati all'iniezione di stili durante la renderizzazione. A meno che tu non abbia già costruito una libreria CSS-in-JS, non ci aspettiamo che tu la usi mai. Questo Hook viene eseguito dopo la mutazione del DOM, ma prima che i layout effect leggano il nuovo layout. Risolve un problema che esiste già in React 17 e versioni precedenti, ma è ancora più importante in React 18 perché React cede il controllo al browser durante il concurrent rendering, dandogli la possibilità di ricalcolare il layout. [Consulta la documentazione qui](/reference/react/useInsertionEffect).
266+
`useInsertionEffect` è un nuovo Hook che consente alle librerie CSS-in-JS di affrontare problemi di prestazioni legati all'iniezione di stili durante la renderizzazione. A meno che tu non abbia già costruito una libreria CSS-in-JS, non ci aspettiamo che tu la usi mai. Questo Hook viene eseguito dopo la mutazione del DOM, ma prima che i layout Effect leggano il nuovo layout. Risolve un problema che esiste già in React 17 e versioni precedenti, ma è ancora più importante in React 18 perché React cede il controllo al browser durante il concurrent rendering, dandogli la possibilità di ricalcolare il layout. [Consulta la documentazione qui](/reference/react/useInsertionEffect).
267267

268268
> Nota
269269
>

‎src/content/blog/2022/06/15/react-labs-what-we-have-been-working-on-june-2022.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: "React Labs: su cosa stiamo lavorando – giugno 2022"
3-
author: Andrew Clark, Dan Abramov, Jan Kassens, Joseph Savona, Josh Story, Lauren Tan, Luna Ruan, Mengdi Chen, Rick Hanlon, Robert Zhang, Sathya Gunasekaran, Sebastian Markbage, and Xuan Huang
3+
author: Andrew Clark, Dan Abramov, Jan Kassens, Joseph Savona, Josh Story, Lauren Tan, Luna Ruan, Mengdi Chen, Rick Hanlon, Robert Zhang, Sathya Gunasekaran, Sebastian Markbage, and Xuan Huang
44
date: 2022/06/15
55
description: React 18 è stato anni in preparazione e ha portato con sé lezioni preziose per il team React. Il suo rilascio è stato il risultato di molti anni di ricerca ed esplorazione di molte strade. Alcune di quelle strade hanno avuto successo; molte altre si sono rivelate vicoli ciechi che hanno portato a nuove intuizioni. Una lezione che abbiamo imparato è che è frustrante per la community aspettare nuove funzionalità senza avere visibilità su queste strade che stiamo esplorando.
66
translationStatus: ai-draft
@@ -41,7 +41,7 @@ Stiamo lavorando insieme a Vercel e Shopify per unificare il supporto dei bundle
4141
Attualmente, asset come script, fogli di stile esterni, font e immagini vengono tipicamente precaricati e caricati usando sistemi esterni. Questo può rendere complicato il coordinamento tra nuovi ambienti come lo streaming, i Server Components e altro.
4242
Stiamo valutando l'aggiunta di API per precaricare e caricare asset esterni deduplicati tramite API React che funzionano in tutti gli ambienti React.
4343

44-
Stiamo anche valutando di farli supportare Suspense così puoi avere immagini, CSS e font che bloccano la visualizzazione finché non sono caricati ma non bloccano lo streaming e il concurrent rendering. Questo può aiutare a evitare il [“popcorning“](https://twitter.com/sebmarkbage/status/1516852731251724293) quando gli elementi visivi compaiono a scatti e il layout si sposta.
44+
Stiamo anche valutando di farli supportare Suspense così puoi avere immagini, CSS e font che bloccano la visualizzazione finché non sono caricati ma non bloccano lo streaming e il concurrent rendering. Questo può aiutare a evitare il ["popcorning"](https://twitter.com/sebmarkbage/status/1516852731251724293) quando gli elementi visivi compaiono a scatti e il layout si sposta.
4545

4646
## Ottimizzazioni del server rendering statico {/*static-server-rendering-optimizations*/}
4747

0 commit comments

Comments
 (0)