最佳实践ReactJS

In questa sezione, elencheremo le migliori pratiche, le tecniche e le metodologie di React che ci aiuteranno a mantenere la coerenza durante il processo di sviluppo dell'applicazione.

• Stato− Dovrebbe essere evitato questo stato il più possibile. Centralizzare lo stato e trasmetterlo come colonna portante alla gerarchia dei componenti è una buona pratica. Ogni volta che abbiamo un gruppo di componenti che richiedono lo stesso dato, dovremmo impostare un elemento contenitore intorno a loro per conservare lo stato. Il modello di flusso è un ottimo metodo per gestire lo stato delle applicazioni React.

• PropTypes− Dovrebbe sempre essere definito PropType. Questo aiuterà a tracciare tutti i proprietà nell'applicazione e sarà anche molto utile per qualsiasi sviluppatore che lavora sullo stesso progetto.

• Render− La maggior parte della logica dell'applicazione dovrebbe essere spostata all'interno del metodo render. Dovremmo cercare di ridurre al minimo la logica nei metodi di ciclo di vita del componente e spostare questa logica nel metodo render. Meno stati e proprietà utilizziamo, più pulito sarà il codice. Dovremmo sempre mantenere lo stato il più semplice possibile. Se è necessario calcolare qualcosa dagli stati o dalle proprietà, può essere fatto nel metodo render.

• Composizione− Il team React consiglia di utilizzare il principio della responsabilità unica. Questo significa che un componente dovrebbe essere responsabile solo di una funzione. Se alcuni componenti hanno più funzioni, dovremmo ristrutturare e creare un nuovo componente per ogni funzione.

• Componenti di Livello Superiore (HOC)−先前的React版本提供了用于处理可重用功能的mixin。由于现在不推荐使用mixins，因此解决方案之一是使用HOC。