ReactJS - Migliori pratiche
In questo capitolo, elencheremo le migliori pratiche, i metodi e le tecniche di React che ci aiuteranno a rimanere coerenti durante lo sviluppo dell'app.
State- Lo stato dovrebbe essere evitato il più possibile. È una buona pratica centralizzare lo stato e trasmetterlo all'albero dei componenti come oggetti di scena. Ogni volta che abbiamo un gruppo di componenti che richiedono gli stessi dati, dovremmo impostare un elemento contenitore attorno ad essi che manterrà lo stato. Il pattern di flusso è un bel modo di gestire lo stato nelle app React.
PropTypes- I PropTypes dovrebbero essere sempre definiti. Questo aiuterà a tenere traccia di tutti gli oggetti di scena nell'app e sarà anche utile per qualsiasi sviluppatore che lavora allo stesso progetto.
Render- La maggior parte della logica dell'app deve essere spostata all'interno del metodo di rendering. Dovremmo cercare di ridurre al minimo la logica nei metodi del ciclo di vita dei componenti e spostare quella logica nel metodo di rendering. Meno stato e oggetti di scena utilizziamo, più pulito sarà il codice. Dovremmo sempre rendere lo stato il più semplice possibile. Se dobbiamo calcolare qualcosa dallo stato o dagli oggetti di scena, possiamo farlo all'interno del metodo render.
Composition- Il team React suggerisce di utilizzare un unico principio di responsabilità. Ciò significa che un componente dovrebbe essere responsabile di una sola funzionalità. Se alcuni dei componenti hanno più di una funzionalità, dovremmo eseguire il refactoring e creare un nuovo componente per ogni funzionalità.
Higher Order Components (HOC)- Le versioni precedenti di React offrivano mixin per la gestione delle funzionalità riutilizzabili. Poiché i mixin sono ora deprecati, una delle soluzioni è utilizzare HOC.