Lo mejor que he visto de React, aprender Frameworks no es solo saber codificar, es tambien saber sobre orden porque asi funciona el mundo laboral. Muchas gracias es justo lo que buscaba.
Sin duda alguna el mejor curso de React, Explicación con calma y pausado al momento de hablar, siempre he pensado que cuando tengamos que explicar algo, lo hagamos como si los demás fuesen retrasados, Gracias por tu Curso.
Que crack, nunca nadie me habia explicado eso, y justamente estaba luchando porque mi background del login se estaba visualizando en toda la aplicacion! Gracias amigo!
videazo, lo he repasado un par de veces y ya lo estoy aplicando en mis proyectos, excelente forma de aplicar css en react de forma sencilla, muchisimas gracias crack!!
Excelente vídeo, el contenido en inglés nada tiene que envidiarle a este, de hecho lo he encontrado superior por tener el nivel perfecto de complejidad técnica. Gracias!
Gracias por no perder media hora en maquetar bonito cuando todos los que venimos aquí es a aprender React. Me encanta el RUclipsr "Fazt" pero algo que me cansa mucho de él es que no da nada por hecho y explica siempre todo de 0 completos principiantes incluso si es de una tecnología mas básica a la que está explicando. Me subscribo a tu canal, me parece contenido de muchísima calidad!! Gracias!!
Realmente yo valoro eso de Fazt lo que a ti te disgusta porque no siempre entro a ver algo que quiera aprender a full, a veces solo curosear. Obviamente se hace más largo el video pero ayuda muchisimo a la gente que no sabe o no se acuerda. Al final es cuestion de cada uno y para gustos colores al final.
Gracias. Soy nuevo en el front y siempre me cuesta armar un proyecto. Sobre todo como configurar el Index.css y el App.css. ya que abarcan todos los componentes
Super interesante css modules... te hago una consulta( o quien quiera responderme XD), consideras que de una vez me habitue a usar css modules? porque aun estoy aprendiendo, y quizas seria bueno ya ir usandolo en mis practicas para habituarme... va eso opino yo, quizas alguien que tiene muchas experiencia pueda guiarme un poco, desde ya muchas gracias, sub y like obvio
Esto ya empieza a ser Pro-Mode. Si comparamos cuando se empieza en este mundillo, dando estilos "en-línea" al html con tener un css normalizado de uso general y otro .css, uno para componente pues "es que no hay color," nunca mejor dicho. ¿Entonces haciendo el @import el tema de herencia se respeta? ¿aunque el css este partido en trozos? Como hecho curioso, los componentes hay que exportarlos, pero el css asociado a ese componente no. Me estoy guardando esta serie videos de react incluso para cuando no tenga internet y quiera consultar algo. Muchísimas gracias chicos :)
A qué te refieres con la herencia? No entiendo muy bien La parte de que el CSS no haya que exportarlo, es porque los CSS modules no son un concepto propio del lenguaje CSS, sino que los "crea" el empaquetador. Si te fijas no usa ninguna característica de CSS, sino que simplemente crea clases con nombres aleatorios. Muchas gracias!
@@DesarrolloUtil Si me refiero al tema que cualquier elemento puede heredar propiedades css como el color o el tamaño de fuente de su elemento padre que lo contiene, ¿y si podría usar la palabra clave "inherit" para tal propósito? Gracias 🙏🏻 Saludos
Ese es el comportamiento por defecto de CSS, pero realmente ahí te recomendaría echar un vistazo a canales como el de DorianDesings, que explica mucho más en detalle CSS
Pregunta: Si yo tengo un archivo de variables sass y este mismo, lo quiero poner a disposición de todo el proyecto(que yo pueda llamar a las variables sin importar el componente) y el proyecto esta hecho con vite, como hago? pq los metodos que eh usado no reconocen el archvio
Hola buenas recien estoy aprendiendo react con node.js, estoy bloqueado al aplicar el css global dado que solo comsigo aplicarlo si llamo a una pagina como si fuera un componente, en cambio si lo hago des de un link en otra pagina la pagina que llamo aparece sin estilos llevo mas de 2 dias y no soluciono nada, alguna ayuda?
en lo que llevo aprendiendo react no he trabajando con css modules aun que ya sabia de su existencia por que me gusta mas trabajar con styled-components pero es una muy buena alternativa. Una cosa mas es una pregunta ¿ css modules es una dependencia que viene por defecto en react o es cosa de vite ? otra cosa es que creo que pudiste utilizar una ternaria en los de los segundos no se me parece mas cómodo pero es cosa de gustos y por ultimo las explicaciones que das en los videos son excelentes
@@DesarrolloUtil Al final lo logre recibiendo la prop de classname en una variable y enviandola al style. Estoy haciendo un mal uso de esto ? Así ``` function Layout({ children, className }) {
Si quieres usar clases reutilizables entre componentes, lo suyo es crearlas como CSS global, y dejar en el module sólo las específicas. El problema es que no hay una respuesta única para esto, depende mucho de la orientación que quieras darle
Según su documentación, si, funcionaria también. Es algo que nunca me ha dado por utilizar, aunque intuyo que sería algo similar, cuestión de hacer una pequeña prueba!
Lo mejor que he visto de React, aprender Frameworks no es solo saber codificar, es tambien saber sobre orden porque asi funciona el mundo laboral. Muchas gracias es justo lo que buscaba.
En mi opinión el mejor curso de React que he visto, a seguir creciendo que os lo merecéis, gracias por vuestro contenido!
Nos alegra mucho escuchar eso. Vamos a por todo!
@@DesarrolloUtil Opino lo mismo que Abel, muchas gracias y felicitaciones!
Sin duda alguna el mejor curso de React, Explicación con calma y pausado al momento de hablar, siempre he pensado que cuando tengamos que explicar algo, lo hagamos como si los demás fuesen retrasados, Gracias por tu Curso.
Mejor explicado imposible! Gracias loco!
Excelente hermano, te mereces un nobel a la enseñanza 👍
Crack! Justo lo que necesitaba
Excelente tutorial, aprendí mucho, gracias.
Excelente video! Muchas gracias!
Me encantó , el video . Muy claro todo. Después de tanto pude entender.
Gracias
Encantado. Como siempre. Gracias.
Que crack, nunca nadie me habia explicado eso, y justamente estaba luchando porque mi background del login se estaba visualizando en toda la aplicacion! Gracias amigo!
Gracias a ti por el feedback, nos alegra saber que te sirvió 👌
Super bien explicado. Gracias!
Me estaba complicando la vida, gracias a tu video se aclaro todo, muchas gracias
Mejor explicado no puede estar.😁
que genio, justo estaba pensando si era posible hacer esto y que golazo poder hacerlo con sass
Explicación simple en un tema tan complejo, vaya que mi amigo principiante entendio a la primera, felicidades sigan con ese buen trabajo
Mas claro ni el agua!, muchas gracias.
Muchas gracias, me fue de mucha utilidad :)
videazo, lo he repasado un par de veces y ya lo estoy aplicando en mis proyectos, excelente forma de aplicar css en react de forma sencilla, muchisimas gracias crack!!
El secreto está en lo sencillo!
Muchas gracias por esta explicación tan clara.
Excelentes videos de REACT!! muy bien explicados y contenido de calidad, Felicitaciones y Gracias!👏
Con vosotros se aprende que da gusto y todo. Qué grandes que sois! 🐋
Muchas gracias!
Muy bien explicado!
joder Pablo, que video mas guapo y tan bien explicado, de nuevo un pedazo de video , gracias
Muchas gracias Roge!
Muy bien explicado todo.
buen video, muchas gracias!
Gracias a ti Facu!
El vídeo que esperaba para complementar a los componentes... estuvo genial, felicidades!!!
Muchas gracias!
Muy buen video!
Excelente vídeo, el contenido en inglés nada tiene que envidiarle a este, de hecho lo he encontrado superior por tener el nivel perfecto de complejidad técnica. Gracias!
Excelente video.
Gracias crack , me salvaste
Gracias Pablo, te amo babesito ❤
Gracias !!
Tremendo video, hacía falta refrescar algunos conceptos de los estilos
Muchas gracias Miguel!
Ojalá libereis el curso que hicisteis ya que chapó la escuela. Toda una lástima, sois unos cracks
Muy bueno Pablo, desde ya suscripto, explicas muy claro y al detalle
Muchísimas gracias!
Gracias por esta información tan clara! Se valora y mucho!! Saludos desde Argentina :)
Muchas gracias! Saludos para Argentina 💪
Gracias por la guia! Tenia problemas de colision y los arregle con el modules
Me alegro!
Lo explicaste de una manera tan clara, gracias por hacer el video ❤
Muchas gracias!
Gracias por el contenido de calidad!!
Gracias por no perder media hora en maquetar bonito cuando todos los que venimos aquí es a aprender React. Me encanta el RUclipsr "Fazt" pero algo que me cansa mucho de él es que no da nada por hecho y explica siempre todo de 0 completos principiantes incluso si es de una tecnología mas básica a la que está explicando. Me subscribo a tu canal, me parece contenido de muchísima calidad!! Gracias!!
Tratamos siempre de acotar al máximo los ejemplos, para centrarlos en lo realmente importante. Muchas gracias!
Realmente yo valoro eso de Fazt lo que a ti te disgusta porque no siempre entro a ver algo que quiera aprender a full, a veces solo curosear. Obviamente se hace más largo el video pero ayuda muchisimo a la gente que no sabe o no se acuerda. Al final es cuestion de cada uno y para gustos colores al final.
Que buen video, quisiera ya llegar a la seccion de Provider y Context. Saludos Pablo y Jose
Muchas gracias! Ya va quedando menos 🙂
Gracias. Soy nuevo en el front y siempre me cuesta armar un proyecto. Sobre todo como configurar el Index.css y el App.css. ya que abarcan todos los componentes
que tema de visual utilizas? me gusto mucho!
Excelente información, gracias bro!
Muchas gracias!
Super interesante css modules... te hago una consulta( o quien quiera responderme XD), consideras que de una vez me habitue a usar css modules? porque aun estoy aprendiendo, y quizas seria bueno ya ir usandolo en mis practicas para habituarme... va eso opino yo, quizas alguien que tiene muchas experiencia pueda guiarme un poco, desde ya muchas gracias, sub y like obvio
Muy útil!! Muchas gracias.
Muchas gracias a ti!
Gracias brooooo!! buenardo
Muchas gracias Andy!
nice muito obrigado
Muchas gracias!
Agregenlo a playlist jeje casi no lo encuentro, genial!!
Agregado! Muchísimas gracias por avisar 🙂
Gran explicación 🔥
Muchas gracias David!
Que opinas de styled-components?
A mi al principio me gustaba usar sass, pero ahora prefiero usar styled components porque es mas potente. Gran video crack👍
Pues fíjate que yo ahí discrepo. Te animo a que te pases un día por un directo y te comentamos el por qué, a ver qué te parece!
@@DesarrolloUtil okey, lo hare. Gracias
Esto ya empieza a ser Pro-Mode. Si comparamos cuando se empieza en este mundillo, dando estilos "en-línea" al html con tener un css normalizado de uso general y otro .css, uno para componente pues "es que no hay color," nunca mejor dicho. ¿Entonces haciendo el @import el tema de herencia se respeta? ¿aunque el css este partido en trozos? Como hecho curioso, los componentes hay que exportarlos, pero el css asociado a ese componente no. Me estoy guardando esta serie videos de react incluso para cuando no tenga internet y quiera consultar algo. Muchísimas gracias chicos :)
A qué te refieres con la herencia? No entiendo muy bien
La parte de que el CSS no haya que exportarlo, es porque los CSS modules no son un concepto propio del lenguaje CSS, sino que los "crea" el empaquetador. Si te fijas no usa ninguna característica de CSS, sino que simplemente crea clases con nombres aleatorios.
Muchas gracias!
@@DesarrolloUtil Si me refiero al tema que cualquier elemento puede heredar propiedades css como el color o el tamaño de fuente de su elemento padre que lo contiene, ¿y si podría usar la palabra clave "inherit" para tal propósito? Gracias 🙏🏻 Saludos
Ese es el comportamiento por defecto de CSS, pero realmente ahí te recomendaría echar un vistazo a canales como el de DorianDesings, que explica mucho más en detalle CSS
Pregunta: Si yo tengo un archivo de variables sass y este mismo, lo quiero poner a disposición de todo el proyecto(que yo pueda llamar a las variables sin importar el componente) y el proyecto esta hecho con vite, como hago? pq los metodos que eh usado no reconocen el archvio
Hola buenas recien estoy aprendiendo react con node.js, estoy bloqueado al aplicar el css global dado que solo comsigo aplicarlo si llamo a una pagina como si fuera un componente, en cambio si lo hago des de un link en otra pagina la pagina que llamo aparece sin estilos llevo mas de 2 dias y no soluciono nada, alguna ayuda?
hola muy buen contenido.el canal va a seguir subiendo contenido?
no me funciona correctamente cuando le coloco a los estilos el module siguen comportándose de una manera extraña
Gracias Pablo! Demoraste una "eternidad" con el curso de JS, pero valió la pena al igual que este de React.
La calidad lleva su tiempo! 😂
Hola, como poner el componente Footer.jsx en el pie de página de la página principal. Se hace con CSS?. Gracias
Tienes que pensar que al final, todo es HTML y CSS!
en lo que llevo aprendiendo react no he trabajando con css modules aun que ya sabia de su existencia por que me gusta mas trabajar con styled-components pero es una muy buena alternativa. Una cosa mas es una pregunta ¿ css modules es una dependencia que viene por defecto en react o es cosa de vite ? otra cosa es que creo que pudiste utilizar una ternaria en los de los segundos no se me parece mas cómodo pero es cosa de gustos y por ultimo las explicaciones que das en los videos son excelentes
Es algo que se gestiona con el empaquetador, así que sí, es cosa de Vite. Muchas gracias!
Que cracks son, sin embargo me surge una duda con modules se puede pasar una prop que reemplace el classname después del style.classname ?
No se puede hacer eso, lo que puedes es elegir un className u otro en base a una prop.
miProp ? style.clase1 : style.clase2, por ejemplo
@@DesarrolloUtil Al final lo logre recibiendo la prop de classname en una variable y enviandola al style. Estoy haciendo un mal uso de esto ?
Así
```
function Layout({
children,
className
}) {
console.log(className);
const cssClassName = className;
return (
{children}
)
}
```
Si quieres pasa por el Discord y lo comentamos allí, así te puedo explicar mejor!
@@DesarrolloUtil Listo ya deje el comentario en React !! Gracias ! :3
Hago lo de MODULES y aun así los estilos me los maneja globalmente
¿Al usar css modules es mala practica usar snake case en lugar de kebab case y camel case?
Es mejor utilizar camelCase, para poder tratarlo como un objeto normal
si quiero agregar clases que sea reutilizables como variables, etc? importaria esos archivos a mis compontentes?
Si quieres usar clases reutilizables entre componentes, lo suyo es crearlas como CSS global, y dejar en el module sólo las específicas.
El problema es que no hay una respuesta única para esto, depende mucho de la orientación que quieras darle
¿Los módulos css funcionan solo con Vite o también con npx?
No entiendo a qué te refieres con npx
@@DesarrolloUtil creo que se refiere a create-react-app
Esa característica de módulos con Sass y Scss funcionaría de forma equivalente para el preprocesador css less?
Según su documentación, si, funcionaria también.
Es algo que nunca me ha dado por utilizar, aunque intuyo que sería algo similar, cuestión de hacer una pequeña prueba!
@@DesarrolloUtil Si, funciona gracias. Estoy seguro de que este canal va a crecer rápido. 🤘🏽
Ojalá tengas razón! Muchas gracias 🙂
LIKE SI VINISTE POR EL LINK DEL PROFE WIEDERMANN
al metodo Bem de css no le gusta esto
Es como si usarás Bem y escribieras las clases con la cabeza 😂