Arquitecturas CSS: Mejora de Legibilidad y Mantenibilidad del Código

Las arquitecturas CSS consisten en manejar el código CSS con una serie de reglas y patrones para facilitar su lectura, mantenibilidad y escabilidad.

El código que has manejado no se asemeja a la realidad, pues deberás manejar varios cientos o miles de líneas de código. Las arquitecturas CSS se encargan de manejar una norma en el código para que cualquiera pueda añadir o quitar funcionalidad sin mucho trabajo.

Objetivos de las arquitecturas de CSS

Los objetivos de las arquitecturas de CSS son:

• Ser predecible: el código debe ser lo menos complejo posible.
• Reutilizable: el código debe ser lo menos redundante, para evitar problemas con la especificidad.
• Mantenible: el código debe ser lo más fácil de manejar para añadir o quitar estilos.
• Escalable: el código debe ser capaz de crecer.

Buenas prácticas de las arquitecturas de CSS

Las buenas prácticas de las arquitecturas de CSS son:

• Lineamientos y estándares: definir normas en tu grupo de trabajo de cómo estará escrito el código.
• Documentación: establecer una breve explicación del código y de los lineamientos, esto sirve especialmente para nuevas personas se familiaricen con lo que deben hacer.
• Componentes: establecer de manera componetizada cada uno de los elementos de tu página, es decir, manejarlos por partes para después unirlos en un todo.

Contribución creada por Andrés Guano (Platzi Contributor).