React Hooks Tutorial featuring useState e useEffect (Italiano)

Comparsi intorno ad ottobre 2018 come proposal e poi definitivamente inseriti nella libreria, gli Hooks in React sono un nuovo modo di scrivere componenti. In questo video registrato qualche mese fa abbiamo esplorato gli Hooks con Cristiano, uno dei miei studenti.

A dire il vero non avevo ancora usato gli Hook in nessun progetto perchè ero un pò scettico, e durante la lezione abbiamo visto insieme che cosa significa fare refactoring di due componenti React passando da classi ES6 ad Hooks.

Ho portato due esempi: un componente Button scritto con una classe e poi trasformato in un componente funzionale che fa uso dell'hook useState. Un componente DataLoader per recuperare dati da un'API, prima scritto con una classe e successivamente trasformato in un componente a funzione che sfrutta useEffect e useState.

Tutorial in inglese sui React Hooks:

--------------------------------------------------

Seguimi anche su:

[xaviershowrn]

Molto pacata e semplice la spiegazione! Spero di vederne altre, soprattutto in questo periodo

[ValerioNarcisi]

la bomba che ha introdotto gli hook, a mio modesto parere, è che puoi disaccoppiare il codice in maniera veramente importante e creare molto più codice riutilizzabile. In più, avendo tutto funzionale il compilatore tira fuori molto meno codice dai class component.
... e tra useReducer, useContext abbiamo un'importante alternativa a Redux.

Io continuo ad avere problemi con useEffect e gli exhaustive deps del lint.

[michaeldipietro]

Ciao, complimenti per il vide!
L’unica cosa che non ho capito e se quando vado ad usare useState, lo state rimane nel contesto del componente oppure posso richiamare i valori anche da altri componenti.

Ciao useState crea uno store globale come Redux, oppure rimane dentro il contesto della funzione?

[fabriziorollo]

Ciao, grazie mille per il video, mi hai dato un bell'input sugli Hooks! Ho notato l'uso di un plugin interessante in VS Code (a 13.41 per esempio) dove initialState sembra "sottointeso", potresti dirmi per cosrtesia che Plugin e'?

[berlino]

Ciao, mi sono iscritto. ottimo video, quando proseguirai questa serie su React e/o anche Redux?

[filanico]

Eh ma le funzioni dentro le funzioni ... non sono tanto chiare....