Skip to content

Commit 1e2733d

Browse files
deblasiscursoragent
andcommitted
fix(warnings): align Hook terminology and heading structure
Normalize Hook/Hooks per glossary, use livello superiore, and restore upstream warning heading order for deprecation pages. Signed-off-by: Alessandro De Blasis <alex@deblasis.net> Co-authored-by: Cursor <cursoragent@cursor.com>
1 parent f8ed2f8 commit 1e2733d

3 files changed

Lines changed: 21 additions & 21 deletions

File tree

src/content/warnings/invalid-hook-call-warning.md

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: Regole degli Hooks
2+
title: Regole degli Hook
33
translationStatus: ai-draft
44
---
55

@@ -19,42 +19,42 @@ Hooks can only be called inside the body of a function component.
1919

2020
Ci sono tre motivi comuni per cui potresti vederlo:
2121

22-
1. Potresti **violare le Regole degli Hooks**.
22+
1. Potresti **violare le Regole degli Hook**.
2323
2. Potresti avere **versioni non corrispondenti** di React e React DOM.
2424
3. Potresti avere **più di una copia di React** nella stessa app.
2525

2626
Vediamo ciascuno di questi casi.
2727

28-
## Violare le Regole degli Hooks {/*breaking-rules-of-hooks*/}
28+
## Violare le Regole degli Hook {/*breaking-rules-of-hooks*/}
2929

30-
Le funzioni il cui nome inizia con `use` sono chiamate [*Hooks*](/reference/react) in React.
30+
Le funzioni il cui nome inizia con `use` sono chiamate [*Hook*](/reference/react) in React.
3131

32-
**Non chiamare gli Hooks dentro loop, condizioni o funzioni annidate.** Usa invece sempre gli Hooks al top level della tua funzione React, prima di qualsiasi return anticipato. Puoi chiamare gli Hooks solo mentre React sta renderizzando un componente funzione:
32+
**Non chiamare gli Hook dentro loop, condizioni o funzioni annidate.** Usa invece sempre gli Hook al livello superiore della tua funzione React, prima di qualsiasi return anticipato. Puoi chiamare gli Hook solo mentre React sta renderizzando un componente funzione:
3333

34-
* ✅ Chiamali al top level nel corpo di un [componente funzione](/learn/your-first-component).
35-
* ✅ Chiamali al top level nel corpo di un [custom Hook](/learn/reusing-logic-with-custom-hooks).
34+
* ✅ Chiamali al livello superiore nel corpo di un [componente funzione](/learn/your-first-component).
35+
* ✅ Chiamali al livello superiore nel corpo di un [custom Hook](/learn/reusing-logic-with-custom-hooks).
3636

3737
```js{2-3,8-9}
3838
function Counter() {
39-
// ✅ Corretto: top level in un componente funzione
39+
// ✅ Corretto: livello superiore in un componente funzione
4040
const [count, setCount] = useState(0);
4141
// ...
4242
}
4343
4444
function useWindowWidth() {
45-
// ✅ Corretto: top level in un custom Hook
45+
// ✅ Corretto: livello superiore in un custom Hook
4646
const [width, setWidth] = useState(window.innerWidth);
4747
// ...
4848
}
4949
```
5050

51-
**Non** è supportato chiamare gli Hooks (funzioni che iniziano con `use`) in nessun altro caso, ad esempio:
51+
**Non** è supportato chiamare gli Hook (funzioni che iniziano con `use`) in nessun altro caso, ad esempio:
5252

53-
* 🔴 Non chiamare gli Hooks dentro condizioni o loop.
54-
* 🔴 Non chiamare gli Hooks dopo un'istruzione `return` condizionale.
55-
* 🔴 Non chiamare gli Hooks nei gestori di eventi.
56-
* 🔴 Non chiamare gli Hooks nei componenti classe.
57-
* 🔴 Non chiamare gli Hooks dentro funzioni passate a `useMemo`, `useReducer` o `useEffect`.
53+
* 🔴 Non chiamare gli Hook dentro condizioni o loop.
54+
* 🔴 Non chiamare gli Hook dopo un'istruzione `return` condizionale.
55+
* 🔴 Non chiamare gli Hook nei gestori di eventi.
56+
* 🔴 Non chiamare gli Hook nei componenti classe.
57+
* 🔴 Non chiamare gli Hook dentro funzioni passate a `useMemo`, `useReducer` o `useEffect`.
5858

5959
Se violi queste regole, potresti vedere questo errore.
6060

@@ -114,17 +114,17 @@ Puoi usare il plugin [`eslint-plugin-react-hooks`](https://www.npmjs.com/package
114114

115115
<Note>
116116

117-
I [custom Hook](/learn/reusing-logic-with-custom-hooks) *possono* chiamare altri Hooks (è proprio il loro scopo). Funziona perché anche i custom Hook dovrebbero essere chiamati solo mentre un componente funzione viene renderizzato.
117+
I [custom Hook](/learn/reusing-logic-with-custom-hooks) *possono* chiamare altri Hook (è proprio il loro scopo). Funziona perché anche i custom Hook dovrebbero essere chiamati solo mentre un componente funzione viene renderizzato.
118118

119119
</Note>
120120

121121
## Versioni non corrispondenti di React e React DOM {/*mismatching-versions-of-react-and-react-dom*/}
122122

123-
Potresti usare una versione di `react-dom` (< 16.8.0) o `react-native` (< 0.59) che non supporta ancora gli Hooks. Puoi eseguire `npm ls react-dom` o `npm ls react-native` nella cartella della tua applicazione per verificare quale versione stai usando. Se ne trovi più di una, questo potrebbe creare problemi (ne parliamo di più sotto).
123+
Potresti usare una versione di `react-dom` (< 16.8.0) o `react-native` (< 0.59) che non supporta ancora gli Hook. Puoi eseguire `npm ls react-dom` o `npm ls react-native` nella cartella della tua applicazione per verificare quale versione stai usando. Se ne trovi più di una, questo potrebbe creare problemi (ne parliamo di più sotto).
124124

125125
## React duplicato {/*duplicate-react*/}
126126

127-
Affinché gli Hooks funzionino, l'import di `react` dal codice della tua applicazione deve risolvere lo stesso modulo dell'import di `react` dall'interno del pacchetto `react-dom`.
127+
Affinché gli Hook funzionino, l'import di `react` dal codice della tua applicazione deve risolvere lo stesso modulo dell'import di `react` dall'interno del pacchetto `react-dom`.
128128

129129
Se questi import di `react` risolvono due oggetti export diversi, vedrai questo warning. Questo può succedere se **finisci accidentalmente con due copie** del pacchetto `react`.
130130

src/content/warnings/react-dom-test-utils.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ Questa pagina è stata tradotta automaticamente e supervisionata da un maintaine
99

1010
</Note>
1111

12-
## Warning ReactDOMTestUtils.act() {/*reactdomtestutilsact-warning*/}
12+
## ReactDOMTestUtils.act() warning {/*reactdomtestutilsact-warning*/}
1313

1414
`act` da `react-dom/test-utils` è deprecato in favore di `act` da `react`.
1515

src/content/warnings/react-test-renderer.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,13 +9,13 @@ Questa pagina è stata tradotta automaticamente e supervisionata da un maintaine
99

1010
</Note>
1111

12-
## Warning ReactTestRenderer.create() {/*reacttestrenderercreate-warning*/}
12+
## ReactTestRenderer.create() warning {/*reacttestrenderercreate-warning*/}
1313

1414
react-test-renderer è deprecato. Un warning viene mostrato ogni volta che chiami `ReactTestRenderer.create()` o `ReactShallowRender.render()`. Il pacchetto react-test-renderer resterà disponibile su NPM ma non sarà mantenuto e potrebbe rompersi con nuove funzionalità di React o modifiche agli internals di React.
1515

1616
Il team React consiglia di migrare i tuoi test a [@testing-library/react](https://testing-library.com/docs/react-testing-library/intro/) o [@testing-library/react-native](https://callstack.github.io/react-native-testing-library/docs/start/intro) per un'esperienza di testing moderna e ben supportata.
1717

1818

19-
## Warning new ShallowRenderer() {/*new-shallowrenderer-warning*/}
19+
## new ShallowRenderer() warning {/*new-shallowrenderer-warning*/}
2020

2121
Il pacchetto react-test-renderer non esporta più uno shallow renderer in `react-test-renderer/shallow`. Era semplicemente un reimpacchettamento di un pacchetto separato estratto in precedenza: `react-shallow-renderer`. Puoi quindi continuare a usare lo shallow renderer nello stesso modo installandolo direttamente. Vedi [Github](https://github.com/enzymejs/react-shallow-renderer) / [NPM](https://www.npmjs.com/package/react-shallow-renderer).

0 commit comments

Comments
 (0)