¿Qué tan fácil es mantener una gran base de código React.js?

Mantener cualquier base de código grande puede ser difícil si el código no está bien escrito. Prefiero mantener una base de código de reacción que una jquery, pero eso no significa que se garantice que sea fácil. Con react hay algunas mejores prácticas que le permitirán escalar mejor su base de código.

  1. Use componentes inteligentes / tontos para extraer la lógica de la presentación
  2. Use un administrador estatal, vea redux
  3. Si tiene un patrón que usa en toda la base del código, cree un componente de propósito general para él
  4. Use un sistema de módulos, vea el paquete web
  5. Y, por último, no siga ninguna regla religiosamente, si una directriz se siente demasiado restrictiva, use lo que tenga sentido para su caso de uso particular

Personalmente, me gusta usar flowtype para escribir estáticamente check my code. Pero este no es un requisito para el código limpio.

Tl; dr: cómo se gestiona un proyecto es más importante que las tecnologías en uso para la mantenibilidad a largo plazo.

Como con cualquier cosa, depende de qué tan bien diseñado esté el proyecto. Si hace un buen trabajo organizando su base de código en una serie de componentes pequeños y reutilizables, puede ser muy fácil mantener una base de código React grande, pero si no está disciplinado acerca de cómo deja que el proyecto crezca, puede convertirse en un desastre enredado, como cualquier otra base de código grande.

React tiene algunas opiniones sobre cómo deben hacerse las cosas que pueden facilitar el mantenimiento, si hace un buen trabajo al internalizar esas opiniones y diseñarlas en torno a ellas. Desafortunadamente, el crecimiento orgánico a lo largo de los años tiene el hábito de generar muchas decisiones malas y “trucos de solución rápida” con el tiempo, que se acumularán si no tiene cuidado, independientemente de la tecnología que esté utilizando.

React.js lo ayuda con las actualizaciones por lotes y minimiza las manipulaciones de DoM. El patrón de arquitectura de flujo, por otro lado, sugiere un flujo de datos unidireccional que facilita la comprensión y el mantenimiento de una gran base de código. Si planea usar React para la aplicación completa, sugiera también usar Flux.

Es bastante fácil si sigue las mejores prácticas (como los componentes inteligentes y tontos). React te hace escribir muchas repeticiones, pero eso hace que sea fácil de mantener en una gran base de código con muchos colaboradores.