Es importante conocer que existen otros tipos de arquitecturas Otros tipos de arquitecturas y sobre todo no ponernos barreras mentales al pensar que solo podemos aplicar 1 en todo el proyecto.
Fundamentos de Arquitectura en CSS
¿Qué son las arquitecturas CSS?
SOLID, DRY e Inmutabilidad en CSS
BEM
BEM
Casos prácticos de BEM
Errores comunes al implementar BEM
Usando BEM en un proyecto de HTML, CSS y JS
Usando BEM en un proyecto de Vue
Usando BEM y Styled Components en un proyecto de React
Atomic Design
Atomic Design
Usando Atomic Design en un proyecto de React
Usando Atomic Design en un proyecto de Vue
OOCSS
OOCSS
Usando OOCSS y SASS en un proyecto de Angular
SMACSS
SMACSS
Usando SMACSS y SASS en un proyecto de Angular
ITCSS
ITCSS
Usando ITCSS en un proyecto de Vue
TailwindCSS
Frameworks de CSS - TailwindCSS
Diferencias entre las metodologías y arquitecturas CSS
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Usando Atomic Design en un proyecto de React
10/19Recursos
Aportes 6
Preguntas 3
Ordenar por:
esta metodologia no me terninó de convencer no entendi muy bien la verdad
No creo que se haya entendido muy bien y creo que por verticalidad del código en algo tan especifico como el Atomic Design, los estilos deben agruparse con su componente, test y otros en una carpeta del componente, no me convenció la explicación.
Debo decir que me gusto esta forma de organizar mis componentes, porque hasta la fecha si mi proyecto necesitara varios componentes quedaría así, con una gran lista de componentes
¿Donde está la carpeta de átomos?
Pensando en un proyecto más complejo, con átomos y moléculas que solo se usen en un organismo… se vale anidar carpetas? es decir, meter dentro de la carpeta organisms una carpeta que diga “frontpage” y dentro las moléculas y átomos que solo se use organismo. Ok, creo que ya exageré…
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?