ReactJS - Mejores prácticas
En este capítulo, enumeraremos las mejores prácticas, métodos y técnicas de React que nos ayudarán a mantener la coherencia durante el desarrollo de la aplicación.
State- El estado debe evitarse tanto como sea posible. Es una buena práctica centralizar el estado y pasarlo por el árbol de componentes como accesorios. Siempre que tengamos un grupo de componentes que necesiten los mismos datos, deberíamos establecer un elemento contenedor alrededor de ellos que mantendrá el estado. El patrón de flujo es una buena forma de manejar el estado en las aplicaciones React.
PropTypes- Los PropTypes siempre deben estar definidos. Esto ayudará a rastrear todos los accesorios en la aplicación y también será útil para cualquier desarrollador que trabaje en el mismo proyecto.
Render- La mayor parte de la lógica de la aplicación debe moverse dentro del método de render. Deberíamos intentar minimizar la lógica en los métodos del ciclo de vida de los componentes y mover esa lógica en el método de representación. Cuanto menos estado y accesorios usemos, más limpio será el código. Siempre debemos hacer que el estado sea lo más simple posible. Si necesitamos calcular algo a partir del estado o los accesorios, podemos hacerlo dentro del método render.
Composition- React team sugiere utilizar un principio de responsabilidad única. Esto significa que un componente solo debe ser responsable de una funcionalidad. Si algunos de los componentes tienen más de una funcionalidad, debemos refactorizar y crear un nuevo componente para cada funcionalidad.
Higher Order Components (HOC)- Las versiones anteriores de React ofrecían mixins para manejar funcionalidades reutilizables. Dado que los mixins ahora están en desuso, una de las soluciones es utilizar HOC.