Skip to content

Commit 43cd612

Browse files
deblasiscursoragent
andcommitted
fix(reference): address review for useInsertionEffect (PR #646)
Signed-off-by: Alessandro De Blasis <alex@deblasis.net> Co-authored-by: Cursor <cursoragent@cursor.com>
1 parent 22589ba commit 43cd612

1 file changed

Lines changed: 4 additions & 4 deletions

File tree

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

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ Questa pagina è stata tradotta automaticamente e supervisionata da un maintaine
1111

1212
<Pitfall>
1313

14-
`useInsertionEffect` è pensato per gli autori di librerie CSS-in-JS. A meno che tu non stia lavorando a una libreria CSS-in-JS e ti serva un punto dove iniettare gli stili, probabilmente vuoi [`useEffect`](/reference/react/useEffect) o [`useLayoutEffect`](/reference/react/useLayoutEffect).
14+
`useInsertionEffect` è pensato per gli autori di librerie CSS-in-JS. A meno che tu non stia lavorando a una libreria CSS-in-JS e ti serva un punto dove iniettare gli stili, probabilmente vuoi [`useEffect`](/reference/react/useEffect) o [`useLayoutEffect`](/reference/react/useLayoutEffect) invece.
1515

1616
</Pitfall>
1717

@@ -65,7 +65,7 @@ function useCSS(rule) {
6565
* Non puoi aggiornare lo state dall'interno di `useInsertionEffect`.
6666
* Quando `useInsertionEffect` viene eseguito, i ref non sono ancora collegati.
6767
* `useInsertionEffect` può essere eseguito prima o dopo che il DOM sia stato aggiornato. Non dovresti fare affidamento sul fatto che il DOM sia aggiornato in un momento preciso.
68-
* A differenza di altri tipi di Effetti, che eseguono il cleanup per ogni Effetto e poi il setup per ogni Effetto, `useInsertionEffect` eseguirà sia cleanup che setup un componente alla volta. Questo produce un intrecciamento tra le funzioni di cleanup e setup.
68+
* A differenza di altri tipi di Effetti, che eseguono il cleanup per ogni Effetto e poi il setup per ogni Effetto, `useInsertionEffect` eseguirà sia cleanup che setup un componente alla volta. Questo produce un "interleaving" tra le funzioni di cleanup e setup.
6969
---
7070
7171
## Usage {/*usage*/}
@@ -91,7 +91,7 @@ Alcuni team preferiscono scrivere gli stili direttamente nel codice JavaScript i
9191
Se usi CSS-in-JS, consigliamo una combinazione dei primi due approcci (file CSS per stili statici, stili inline per stili dinamici). **Non consigliamo l'iniezione a runtime di tag `<style>` per due motivi:**
9292
9393
1. L'iniezione a runtime costringe il browser a ricalcolare gli stili molto più spesso.
94-
2. L'iniezione a runtime può essere molto lenta se avviene nel momento sbagliato del lifecycle di React.
94+
2. L'iniezione a runtime può essere molto lenta se avviene nel momento sbagliato del ciclo di vita di React.
9595
9696
Il primo problema non è risolvibile, ma `useInsertionEffect` ti aiuta a risolvere il secondo.
9797
@@ -134,7 +134,7 @@ function useCSS(rule) {
134134
}
135135
```
136136
137-
[Leggi di più sull'aggiornamento delle librerie CSS-in-JS con iniezione a runtime a `useInsertionEffect`.](https://github.com/reactwg/react-18/discussions/110)
137+
[Leggi di più sull'aggiornamento delle librerie CSS-in-JS con iniezione a runtime passando a `useInsertionEffect`.](https://github.com/reactwg/react-18/discussions/110)
138138
139139
<DeepDive>
140140

0 commit comments

Comments
 (0)