Prácticas recomendadas de ReactJS

En este capítulo, enumeraremos las mejores prácticas, métodos y técnicas de React que nos ayudarán a mantener la consistencia durante el proceso de desarrollo de la aplicación.

• Estado−Deberíamos evitar esta situación siempre que sea posible. Centralizar el estado y pasarlo como pilar a través del árbol de componentes es una buena práctica. Cada vez que tengamos un grupo de componentes que necesiten los mismos datos, deberíamos configurar un elemento contenedor alrededor de ellos para almacenar el estado. El patrón de flujo es una buena manera de manejar el estado de una aplicación de React.

• PropTypes−Siempre se debe definir PropType. Esto ayudará a rastrear todos los props en la aplicación y también será muy útil para cualquier desarrollador que trabaje en el mismo proyecto.

• Render−La mayoría de la lógica de la aplicación debe moverse dentro del método render. Deberíamos intentar reducir la lógica en los métodos de ciclo de vida del componente y mover esa lógica al método render. Cuanto menos estado y propiedades utilicemos, más limpio será el código. Siempre deberíamos mantener el estado lo más simple posible. Si es necesario calcular algo a partir del estado o las propiedades, se puede hacer en el método render.

• Composición−El equipo de React recomienda usar el principio de responsabilidad única. Esto significa que un componente debe responsabilizarse de una única funcionalidad. Si algunos componentes tienen múltiples funcionalidades, deberíamos refactorear y crear un nuevo componente para cada funcionalidad.

• Componentes de orden superior (HOC)−Las versiones anteriores de React proporcionaron mixins para manejar funcionalidades reutilizables. Dado que ahora no se recomienda el uso de mixins, una de las soluciones es utilizar HOC.