TOP 5 problemas de arquitectura CSS en aplicaciones JavaScript
ฝัง
- เผยแพร่เมื่อ 15 ต.ค. 2024
- Cuando trabajamos con componentes podemos tener los estilos scoped y así no tenemos que preocuparnos de mantener una buena arquitectura CSS… ¿verdad? 😅
Vamos a analizar los principales problemas que nos encontramos cuando trabajamos con CSS en una aplicación JavaScript y cómo solucionarlos aplicando buenas prácticas 🚀
Todo esto y más en el curso de Arquitectura CSS 👉 pro.codely.tv/...
{▶️} CodelyTV
├ 🎥 Suscríbete: th-cam.com/users/c...
├ 🐦 Twitter CodelyTV: / codelytv
├ 🌶 Twitter Núria: / nuria_codes
├ 💂🏼 Twitter Rafa: / rafaoe
├ 📸 Instagram: / codelytv
├ ℹ️ LinkedIn: / codelytv
├ 🟦 Facebook: / codelytv
└ 📕 Catálogo cursos: bit.ly/cursos-...
La documentación de Storybook; es por esto que nos gusta hacer el diseño figma y luego pasarlo a código, el mismo figma cuyo diseño es por componentes es nuestra guía de carpetado del frontend
Muy buen vídeo, se agradece muchísimo la explicación, gracias.
PD: echo de menos las funciones de CodelyTV de una hora
En el contexto de Angular, la responsabilidad de desplegar un componente como inline o block, ¿recae en el Componente mismo en su diseño de forma interna? o ¿Podría hacerlo desde el exterior a través de sus propiedades?, saludos.
El mejor video que he visto de Codely
Hola chicos, que buen vídeo ¿qué opinan de css modules?
Me pasaba esa duda por la cabeza, sobre: ¿Y ahora cómo uso BEM si los estilos al usar vue estan scoped en el componente?
No recuerdo ahora quien lo dijo, pero es más o menos así: un código bien estructurado por un equipo, parece que lo escribió una sola persona
Encontre alguien aqui jiji 😁
@@crismosquera5656 estoy en todos lados jejeje
Muy buen vídeo, justo ahora mismo estoy teniendo problemas con ello
Justo estoy colaborando en un requerimiento dónde está en un solo .jsp el css , HTML y scripts Y es proyectito interno de la empresa y a pasado por varias manos, yo recién llevo una semana y veo que se está generando una deuda técnica.
Nuria es oro puro !
Excelente vídeo y explicación
Visto en 08/05/2021
A mi no me gusta mucho usar las tags, porque vincula demasiado los estilos al marcado HTML. No siempre se pinta de la misma forma todos los h3 de una web por ejemplo, o a veces una vez has acabado el trabajo llega la persona de accesibilidad y te hace cambiar algunas tags.
Muy buena explicación rafita y Nuria 👌🏼🕺
curso de microfontends pleaseee
Buen traumita el de Tailwind :D
Excelente, Nuria!!
Buen video, bastante util
pero eso no se arregla usando sass?
no necesariamente
Como siempre he dicho:
"No porque funcione, signifique que esté bien hecho"
True 🎉
Hola soy nuevo
Buen video. Nuria siempre muy sólida; intelecto que seduce. ✌️
a veces me cuesta entender cuando habla a nuria , arrastra mucho las palabras que no la entiendo cuando habla .
Qué tal está Nuria ?
Ya recuperada 😊✌️
Si usan Tailwind CSS se ahorran todo los problemas de arquitectura de CSS 🏌️♂️
Literal
en terminos tecnicos ps si , pero generas una estructura dificil de leer y me refiero a las clases largas de tailwindCSS al final hay ocaciones donde tailwind es la mejor opción pero todo depende de los requerimientos
@@jesusayarzabarreno7714 Es que veo que muchos no usan la directiva @apply, que te ahorra un monton de problemas y tus etiquetas quedan separadas del css, a parte tambien tener o agrupar por tipos el css, primero el posicionamiento, luego el modelado de caja, luego style de textos, luego estilso de background o border y demas, al final gradient y luego por ultimo las directivas de breackpoint como sm, md etc, todo debe tener un orden no porque es tailwindc se va a colocar dentro de la classs.
Queda un poco raro que mireis arriba a la izquierda en vez de "directo" a la cámara.
No repercute en la calidad del contenido y del video, pero por si lo quereis tener en cuenta jeje
Echarme a los leones si quereis, pero soy de los que opina que el html cuanto más limpio y pelao mejor, y cuanto menos js para el CSS también. Y si puede ser bootstrap tampoco. El código html limpio no hace pupa, CSS tampoco. JavaScript de aquí pallí pa poner rojo un botón, y luego son 1000 botones... mejor clases CSS
Por eso Angular tiene el css separado del ts y los ReactLover lloran por eso hasta mas no poder....Angular Rules!!!!
Angular Rules!!!
En React lo puedes hacer igual. Me surge la duda del por qué se lleva hacer los estilos en el ts. Llevo poco en React y personalmente no le veo las ventajas de hacer el css en el ts. Si alguien me ilumina se lo agradezco.
@@2balric Lo unico que te puedo decir es que los que conozco que usan react a muerte no les gusta tener varios archivos para los componentes....prefieren todo en uno mezclado como un gran "chorizo" ....🤷♂️
@@yamillanz6398 aajjj siii confirmo, me encuentro con todo mezclado en react y eso me ha complicado para implementar cosas nuevas
Apenas éstoy aprendiendo JavaScript y no entendí nada xd
Rafa no hizo el meme. 😢