Podcast - La importancia de una buena arquitectura CSS.

Algo que debemos tener en cuenta para que nuestros proyectos sean un éxito es contar con la implementación de una buena arquitectura CSS.

Si alguna vez te has planteado llevarlo a cabo, pero no tienes muy claro por dónde empezar, en el podcast de hoy te contamos cómo hacerlo.

Este capítulo puedes escucharlo en las principales plataformas de podcast: Ivoox, Spotify, YouTube, Google Podcast, Apple Podcast y Amazon Music.

¡Escúchalo ya mismo!

Una buena arquitectura CSS es importante porque el código CSS, aunque sea una redundancia decirlo, también forma parte de los proyectos que estamos desarrollando y normalmente no le damos la importancia que tiene.

Al igual que tenemos en cuenta una buena arquitectura para toda la parte de archivos javascript, por ejemplo, la parte CSS también necesita de una buena estructura para poder tener un control total sobre nuestro código. Esto es sobre todo importante en proyectos en los que se trabaja con frameworks de Javascript o en proyectos en los que se decide utilizar CSS en js.

Con una buena arquitectura CSS buscamos que se cumplan los cuatro principios que esperamos de nuestro código: que sea previsible, que sea reutilizable, que sea escalable y que sea mantenible. Que un código sea previsible significa que, cuando alguien vea ese código por primera vez, sepa de un vistazo rápido qué es lo que hace. Eso te permite poder reutilizarlo a posteriori si necesitas hacer algo que esté relacionado con ello. También nos permite que sea escalable, porque si tú ya sabes que tienes ese trozo de código y lo has podido reutilizar, o si necesitas ampliar a lo que afecta ese código pues es fácilmente escalable y, ya por último, es mantenible no solamente por las personas que han desarrollado ese código, sino porque la gente nueva que pueda entrar en el proyecto tendrá una curva de aprendizaje mucho más sencilla.

Para crear una arquitectura sólida que cumpla con todos estos puntos que acabamos de mencionar, es importante:

• Definir unos principios básicos, que serían como las unidades más básicas de nuestro código.
• Estructurar esos componentes básicos en otros componentes un poco más grandes, a los cuales podríamos llamar bloques.
• Y por último, una capa que lo engloba todo, que sería la ordenación estructural de estos componentes.

¡Estás de suerte! Echa un vistazo a nuestro post: ¿Por qué nos olvidamos de la Arquitectura CSS?

¡Estás de suerte! Echa un vistazo a nuestro post: ¿Por qué nos olvidamos de la Arquitectura CSS?