COMPONENTES en React 🔵 ¿CÓMO estructurarlos? 😎 Curso de React desde cero #6
Вставка
- Опубліковано 26 лют 2022
- Hoy vamos a ver como estructurar y establecer una jerarquía para nuestros componentes en React.
Además veremos también como empezar la estructura de archivos del proyecto algo bastante importante para no volvernos locos cuando estemos trabajando con él.
¿Quieres estar al día? 👌 Síguenos en nuestras redes sociales! 👌
-Twitch: / desarrolloutil
-Instagram: / desarrolloutil
-Discord: / discord
-Twitter: / desarrollo_util
Simplemente uno de los mejores canales sobre desarrollo web de habla hispana, buenísima explicación. Sigan creando contenido, ya los he recomendado con todos mis colegas!
Muchísimas gracias por estar aquí y por recomendarnos!
Muy bueno salvo la pronunciación de las palabras en inglés. Esa manera que tienen algunos youtubers españoles de castellanizar el inglés no me gusta pero es un tema menor.
Cada tanto vuelvo a mirar React desde cero de distintos programadores.
Me gustó mucho tu explicación y seguiré con los demás videos.
Genial explicación como de costumbre, sin prisa y analizando cada parte para que se entienda bien.
Excelente forma de estructurar los componentes, poco a poco vamos avanzando.... felicidades buen vídeo!!!
Ahora ya vamos entrando en materia, después de toda la intro 😎
Muy bueno ese "{children} || "No hay videos" . Eso en html no se puede jajaja. En este caso, con React podemos cubrir más particularidades de lo que queremos pintar en el navegador, evitando errores o situaciones ya previstas. Este curso de React, cada día me gusta más. Seguid así. Muchas gracias 👍🏼👍🏼👍🏼
Me alegro Andrés, muchísimas gracias!
Muy buena explicación, me encanta como suena tu teclado por cierto 😁
Che, muchísimas gracias. No estaba pudiendo incorporar un nuevo componente a mi app y era por un error en la sintaxis. Todos los nombres de los componentes deben ser declarados con la primera letra en mayúscula para diferenciarlos de una etiqueta normal!
Que crack eres explicando!
Muchas gracias por compartir tus conocimientos.
Muchísimas gracias Felipe!
En serio que buen video, ya tengo algunas nociones basicas de react de antemano pero tu video dejo muy claro esos puntos por ejemplo las reglas de PascalCase, como estructurar los componentes y la funcion de los children y que cada componente se encarga solo de una porción de codigo, buenaso man, saludos!
Que buena explicación ❤
Estupendo, un video fantastico, te anaste mi subcripcion
Excelente explicación!
Muchas gracias!
Muy buena explicación y muy concisa. ¡Muy buen trabajo con el curso hasta ahora!
Muchas gracias Miguel!
Muy guay, me ha encantado. Gracias.
Buenisima explicacion clara y directa al grano.
sois los mejores chicos junto con dorian.
cordiales saludos
Muchísimas gracias por el apoyo!
Excelente!!!! Me encanta el nivel de detalles de sus videos. Gracias!!!!
Muchas gracias!
gracias crack
Excelente video, pocos dan recomendaciones de sintaxis de nombres etc
Muchas gracias por tu contenido
Me encanto la clase se aprendió mucho
Una Consulta para cualquiera que sepa.
Si tengo un componente que tiene subcomponentes, estos subcomponentes donde deben estar?
Por ejemplo si tengo un componente reproductor que tiene subcomponentes botones, como debería estar el working direcctory? y suponiendo que el botón es específico de Reproductor, no lo vas a reutilizar en otro lado. O directamente no hago otro componente y lo dejo en Reproductor
asi?
>Reproductor
>components
>Button.jsx
Reproductor.jsx
o así?
>Reproductor
>reproductor
>Button
>Button.jsx
Muchas gracias a cualquiera que responda la duda. Saludos.
Realmente no hay una única respuesta a esta pregunta.
La cuestión es la de siempre, hazlo como quieras, pero hazlo siempre igual!
Y como último consejo, si ese botón es del reproductor, deberías indicarlo en su nombre
Excelente curso no se vayan a detener
Esto no para, no te preocupes!
Muy bueno
Gracias , excelente video, ahora a por de el css, y este jueves el mejor jueves de la Historia, esperando con Impaciencia
Ahí te esperamos el jueves. Muchísimas gracias por todo el apoyo!
Excelente video. Felicitaciones
Muchas gracias!
muy buen curso hasta ahora! segui asi :D
Muchas gracias!
Si en los ciclos formativos de grado superior de DAW, o bootcamps random que proliferan como setas, se encontrara a gente como vosotros explicando las tecno, no sólo habría más gente con vocación si no mejor preparada. Se echa de menos a personas como vosotros.
Muchísimas gracias por estos mensajes, esperemos poder motivar a mucha más gente!
Totalmente deacuerdo chaval
Excelente video estoy haciendo un proyecto de frontend mentor pero no sabia lo de los nombres en los archivos, por cierto en el próximo video es plica los estilos por que es muy feo y acuchillo con los estilos
Justo es de lo que va a ir el próximo vídeo, de cómo importar y usar CSS en React!
me gusta tu tema de VSC cual es aaaaaa
Gran explicación!!
Muchas gracias!
como dato cuando se programa en java se le conoce mas como UperCamelCase
Master
Muchas gracias!
Ojo a la miniatura!
Te vigilan... Espero que estés organizando bien los componentes 😂
@@DesarrolloUtil 😉
Que buen video pablo, estoy deseando ya llegar a la parte de Redux, para manejar un estado global como un pro. En tu opinion con que seria mejor empezar, con Redux o con Redux Toolkit, sera bueno aprender Redux desde 0? o aprender el toolkit ya de una vez?
Pues yo actualmente no uso Redux y no recomiendo su uso prácticamente en ningún caso (yo no lo he tenido que utilizar nunca). Actualmente con la API de Context es más que suficiente!
@@DesarrolloUtil Wow en serio? gracias por tu respuesta 👍🏻
@@DesarrolloUtil yo recomiendo react query
Para principiantes recomiendas aprender algun framekwork de CSS, por ejemplo Redux, o es mejor utilizar CSS puro?
Siempre es mejor empezar con CSS puro, pero Redux no es un framework de CSS!
Hola, mi pregunta es, ¿Cómo puedo llamar el SET (seteo) de Hook useState definido en un componente Gallery.jsx por ejemplo y pasarlo a otro componente llamado Header.jsx, sin que este definido en App.js y enviado por props a todos los demás componentes.?
Depende de la jerarquía, pero en general, para pasar props de un componente padre a un hijo, puedes enviarlas directamente, o utilizar useContext!
Like numero 1k
Pero evidentemente o no Pablo ? Jajajajaja
Evidentemente 😂
como se llama ese tema?
Monokai vibrant
@@DesarrolloUtil Grax
Gracias por el video.
Desde que comence a usar vite para react, todo va bien rapido :) y este error recurrente
Uncaught SyntaxError: The requested module '/src/pages/Offers.jsx?t=1647278696553' does not provide an export named 'default'
Muchas gracias! Pues para tu duda habría que mirarlo bien, así que te recomiendo pasarte por el Discord que tenemos, que puedes encontrar en la descripción del vídeo