Aprende React en 45 Minutos
Ғылым және технология
Convertite en React developer en 45 minutos.
🔴 CURSOS EN LÍNEA Y EN VIVO EN CODERHOUSE 🔴
Conseguí un 15% OFF ADICIONAL en Coderhouse sobre cualquier descuento que haya en la web con mi código: DEIVCHOI
Link: bit.ly/3QhrM9i
Curso de HTML y CSS:
• Curso Básico de HTML5 ...
Curso de JavaScript:
• Aprende JavaScript en ...
Repositorio del proyecto del video:
github.com/choidavid4/curso-r...
-----------------------------------------------------------------------------------------------------------
Unite al server de DISCORD:
/ discord
Siganme en redes!
Twitter: / deivchoi
Instagram: / deivchoi
-----------------------------------------------------------------------------------------------------------
Indice:
00:00 Intro
00:32 Entorno de desarrollo
02:46 Corriendo el proyecto
05:04 Archivos del proyecto
10:25 Tu primer componente React
16:22 Propiedades
19:09 Mostrando colecciones en React
23:09 Estado de un componente
25:27 Renderizado condicional
26:55 Eventos
30:16 Enrutado con react-router-dom
36:51 Componente-vista
Пікірлер: 194
Como pequeño dato: No tengan miedo de estudiar react si no saben JavaScript al 100%. Al contrario, en mi experiencia aprender react me ayudo a entender mejor JS.
@diegosayago8130
Жыл бұрын
EL comentario que necesitaba para al fin animarme 😎
@esmilcasado5923
Жыл бұрын
Yo pasé tranqui, le dí 2 meses al JS y react se me ha hecho muy fácil XD
@crossmalone1939
Жыл бұрын
Justo eso era lo que pensaba, creía que necesitaba saber mucho de JS, apenas sé el 10% como mucho y entendí este video perfectamente.
@josuerivera2833
Жыл бұрын
Y con esto me doy cuenta que sí debo comenzar a aprender react, gracias amigo
@Khris14
Жыл бұрын
y yo que pensaba que tenia que aprender JS jaja ahora ni voy a estudiar eso, solo voy a aprender react directamente
gracias deivid, aprendi mas de react en 45 min que en todo un año en coder house
@sebastianleque
Жыл бұрын
Coder es una loteria, si te toca un profe medio plomo, es lo mismo que estudiar de forma independiente
@martinbarrozo3427
9 ай бұрын
totalmente COMPARTO,
Claro, preciso y conciso... Tienes mucha habilidad para enseñar y sintetizar lo mas importante de manera fácil algo que se puede ver muy complejo, sigue asi, esperamos mas con tus tutoriales..
Esto es lo que necesito, directo al código, simple y al grano. Muchísimas gracias, genio.
Si pudieras hacer otro curso basico pero sobre TypeScript seria estupendo.
@Colrex341
Жыл бұрын
apoyo a la causa
Por favor haz 1 video sobre cuales son todas las áreas de la programación. He visto que muchos youtubers solo ponen algunas áreas pero se quedan incompletos. Estas son algunas áreas que encontré: 1. Web 2. Móvil 3. Apps de escritorio 4. Administración de Servidores 5. DevOps 6. Desarrollador Blockchain 7. Inteligencia Artificial 8. Ciencias de Datos 9. Desarrollo de Videojuegos 10. Sistemas Operativos 11. Sistemas Embebidos 12. Testing 13. Administración de Base de Datos 14. Realidad Virtual 15. Realidad Aumentada 16. Seguridad Informática 17. Computación en la Nube 18. Aprendizaje Automático 19. Administración de Sistemas 20. Desarrollo de Criptomonedas 21. Desarrollo NFT Por favor haz el video sobre cuales son todas las áreas de la programación del más fácil al más dificil de aprender y si crees que entre estos hay algunos que no son áreas pero son tan importantes para tenerlos en cuenta dinozlo por favor.
Justo estoy haciendo un curso y el próximo tema a ver es React, muchas gracias David, me gusta mucho como lo explicas de forma tan natural y que se entienda muy bien.
Muchas Gracias david, la verdad magistral la clase para poder ver en un aspecto sencillo pero general como trabaja react, ya que lo venia aprendiendo por partes y no entendia bien cual es el proposito final. muchas gracias.
ay david querido...que bueno encontrarte dando vueltas en youtube..estoy con react de principio de año empece con html css y js ahoravoy a ver tu tutorial ovbiamente hice proyectos bobos...paginas pelotudas etc....gracias hermano...por compartir tus conocimientos con nosotros
Excelente video, justo sigo aprendiendo y repasando todo y me encanta lo escalable que es este ejemplo, excelente tutorial.
Me encanta tu explicación, se pasa rápido el tiempo cuando logras capturar la atención del público
Excelente para entender muy bien las bases de react. Me fue de gran utilidad porque andaba medio perdido con el tema. Saludos!
Gracias por crear este curso, hay muchas formas de hacer proyectos en React pero como están cambiando los inicios de React con "npm start" y todo eso, muchos tutoriales de muchos KZreadrs nos marcan errores y quedamos muy confundidos, espero poderle sacar el mejor provecho a este curso de 45 min y si es conveniente, también tomar el curso que anuncias
Ahora entendi los malditos Hooks!!! , gracias man! Idolo! Apoyemos para que siga subiendo cursos!!!
Excelente contenido, estoy iniciando react y me vino muy bien seguir repasando cosas, profundizando otras. 🎉
Deiv, gracias! en los primeros 15min de video logré comprender como funciona React, en cambio en otros tutoriales que alaban mucho a esos youtubers, no he entendido nada. Gracias! ahora sí podré ir completando mi Road. Gracias!!
Bro muchas gracias por el tutorial de verdad que aprendí demasiado, espero ver mas videos de react en tu canal saludos!!
Por favor @divchoi necesitamos más cursos como este. Si es de React mejor! Ojalá puedas activarte en tu contenido para seguir aprendiendo.
Muchas gracias bro, estaba de capa caída con una entrega dado a que no estaba aprendiendo prácticamente nada de react, pero con este video me llevo todo lo que necesito
que buen tutorial, me siento muy agradecido, entendi muy bien todos los conceptos, de verdad muchas gracias!!!
Excelente bro, ya ando en react y justo por el tema del router
Excelente..muchas gracias. Te vi en otro video y me pareció muy interesante tu contenido. Sume mi like a tu pagina. Saludos desde Argentina
Cheee, excelente video y explicacion! tenés un poder de síntesis y claridad que viene muy bien. Gracias!
Es el video mejor explicado. Muchas gracias. Molaria una extension de React. 👌👏😜
Sos un capo, rey. Qué queré q te diga!!
Deiv, mil gracias loquito, la verdad una locura este cursito que te mandaste. Eternamente agradecido
@ElMenCuler
4 ай бұрын
Nuevamente paso a agradecerte, estoy migrando mi web app que tenia con Spring Boot + Html Css y JS, a SpringBoot + React . Que locura de framework, gracias por tu tiempo y conocimiento brindado
Gracias David!!! Como siempre impecable!! Sos un crack explicando!!!!
esta es una joya de tutorial amigo te quedo brutal !!!!!!
Muy buen video master, cortita y al pie 👌
Muchas gracias deivchoi justo estaba buscando un curso así...
lol ambulancia xd. Magnífica clase chabón. Impecable. Muchas gracias por subir este contenido!
Gracias a tu video ya se que tengo la basica de React
Excelente Deivid, .. mil gracias !!!
Genial el tutorial, muy bien explicado!
Muchas gracias por su tiempo!! Saludos!!
Acabo de ver el de git, me quedo clarisimo. Hace 2 dias que estoy tratando de entender las bases de React y nadie sabe explicarlas bien, es como si hacerse programador les quitase la comunicacion basica humana. Gracias por ser la excepcion a la regla y hablarnos como personas, hay otros profesionales que cuando te hablan parece que te dan comandos
eres el mejor. Que dirias si como projecto a largo plazo haces el mismo projecto en angular,react y vue para masomenos entendes como luciria un projecto medio en cada uno (y descubrir sus fuerzas y debilidades)
Hola me gusto el video. Podrías hacer un curso de Python desde cero con todas sus bases y algunos proyectos o ejercicios.
Sencillo y dinámico, Gracias amigo.
Excelente explicación, muchas gracias!
Justo lo que necesito. Hace una semana empecé con react:D
deivchoi ! Sos un Crack y una inspiracion.
uf voy 28 min y aprendí más con vos que en 12 clases de coder. 5 PALABRAS: CRACK
Excelente...te ganaste mi suscripcion
Gracias deivchoi muy buena práctica...🚀
Explicacion excelente... gracias...!!!
¡Gracias totales!
muy buena explicación. se agradece
Que grande Dei este curso!!
Interesante el proyecto👏
Excelente explicacion!
super el videoo te pasaste!!!
un capo, me ayudo una banda pa, buen video
excelente curso me heche 6 horas jajaj porque soy vago ahciendolo pero sali super mega aprendido :v todo muy bien explicado me frene mucho por mis errores de sintaxis, pero si hubo solo un peque;o detalle que me frenaba y es que al declarar la funcion de la targeta o card debia hacerlo asi cabe aclarar que yo utilice los terminos en español porque hablo español pero solo donde dice Targeta pongan Card : function Targeta ({titulo, descripcion})
gracias men me salvaste :3
Que Crak! Te pasaste we!! No manches! la wea cuatica po !
Que buen video 🎉
Gracias máquina!
gracias es el mejor curso que ví.lamentablemente empece en esto de la programacion a los 37 ya con mujer y hijos y no me da l cabeza ni el cuerpo.con un trabajo de mierda nunca voy a poder tener un laburo de esto.estuve 5 meses estudiando un curso full stack y autodidacta pero es hora de aceptar que ya mi tiempo pasó.era antes😢
@deivchoi
Жыл бұрын
LA EDAD ES SOLO UN NUMERO!
che una pregunta, cuando trabajas con react con que estilas? usas tailwind o css puro?
muy buen video bro
GEEENIOOOOOOO!!!!!! tenes un curso completo de REACT? si no lo tenes hacelo por favor
Una joya tu video Deiv. Muchas gracias!! Vas bien rápido pero en 0.75 va bien 😂😂
Muy buen video 👏
lol ambulancia xd, bien video deiv como siempre
lol ambulancia xd grc por el video estaba aprendiendo con videos de react en 15 minutos o 30 minutos pero no me servia mucho ya q tenia muchas dudas de la paginación aqui encontre buen contenido , salud...
Increíble la edición de tus videos!!! ¿los editas tu?
@deivchoi
Жыл бұрын
Si 😎
capo el chinito toy aprendiendo bandix
Gracias por el video:3 Me sirvió para comparar un poco React y Vue; creo que prefiero quedarme con este último
@DestroyerSV503
Жыл бұрын
porque Vue?
@Zero10903
Жыл бұрын
@@DestroyerSV503 es mucho más sencillo de aprender al usar SFC. Además, sigue manteniendo la diferenciación entre html, css y JavaScript a pesar de estar todo en un mismo archivo, pues usan etiquetas distintas. A diferencia de React que usa archivos jsx que terminan siendo confusos al mezclar JavaScript con Html Igual es subjetivo, es decir, este es un punto de vista; pero puedes tener otras formas de Verlo A mi parecer, Vue es más sencillo de aprender cuando no has tocado otro framework antes Luego puedes pasarte a otro distinto, como React o Angular; pero Vue está bien para empezar
Brooo deberías hacer un curso basico de un backend ya sea php o node js porfaaaa
Hola seguro acá hay personas muy conocedoras de los bootcamps páginas para aprender y rutas de aprendizaje me gustaría saber si ingresar al rollo de Henry vale la pena
crack total
Me encanta como sintetiza para explicar , me a funcionado 100% Todas las putas que plantea 🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉
gracias como siempreeeeeeeeeeeeeeeee
¿Por qué las páginas que creo heredan los estilos CSS?
aun soy nuevo, se puede subir un proyecto de react a Hostinger? o necesito a fuerzas de aws?(es puro front)
@deivchoi
Жыл бұрын
Se puede subir a netlify ya que es puro front. Si no te deja podes compilarlo con npm run build y lo subis donde sea
con respecto a mi este video me sirvio para repasar lo que he estado aprendiendo en react, y aunque sean conceptos basicos almenos a mi me tomo 1 mes aprenderlos, entre teoria y practica, pero tengo una duda @davechoi es recomendable todavia aprender componente basados en clase?
@deivchoi
Жыл бұрын
Para mi es una cuestión de preferencia. Creo que la documentación esta migrando hacia componentes funcionales asi que creo que quieren que la gente use esos. Pero por ahora podes usar el que te resulte mas comodo
Puedes hacer un video de como crear una caja de comentarios en html, css y js
Muy bueno el video. El onclick se usa en react? o lo usaste a modo de hacerlo de manera mas facil de entender el ej, pregunto por que en todos lado veo que dicen no usen onclick.
@rominaprograma
Жыл бұрын
tiene malas prácticas, como todos los que se lanzan a hacer cursitos en youtube sabiendo apenas lo básico
@lucianodeniro6475
Жыл бұрын
es mejor usar el addEventListener("click", () => )
Si quiero editar el color del h2 de Plane por ejemplo, o todo el CSS dentro de plane, como podría cambiar solo eso? al intentar cambiar se cambian todos
@deivchoi
Жыл бұрын
Podrias hacer una especie de estilo condicional. Donde cuando el nombre es “plane” aplicas una clase personalizada al componente. De todas formas, por que querrias hacer eso? Jajajaja
@TheSpoksonat
Жыл бұрын
@@deivchoi solo por curiosidad jaja, en caso de que a plane quisiera agregarle algo extra que a las demás no
una vez que cierro vs code que tengo que hacer para volver a activar el localhost?
@deivchoi
Жыл бұрын
Abrir la terminal y tirar el comando npm run dev
Cuando piensen en porqué está saturado el mercado ya saben que es por esto, cualquiera ve un video de 45 minutos y ya dice que es un developer y empieza a mandar apliaciones a cuanta oferta existe, entonces los reclutadores tienen que hacer filtros cada vez mas difíciles para encontrar a los que en realidad si tienen el conocimiento y la experiencia.
@deivchoi
Жыл бұрын
No pretendo que aprendan todo en 45 minutos. La idea es dar conceptos básicos. Cada uno es responsable de saber su nivel de conocimiento y en una entrevista técnica se nota rapidísimo quien sabe y quien no.
@adrenalinapower6093
Жыл бұрын
Creo que te sirve cuando estás apurado y ya sabés de js y otros lenguajes bien pero en algún lado te piden react y vos sabés otras librerías. Te ves esto de 40 minutos rápido y seguís avanzando por tu cuenta. Distinto es si alguno no sabe nada o sale de un bootcamp sabiendo nada y agarra el video como la posta. Como bien decís el mercado está saturado de gente que hace mal las cosas pero no te tiene que preocupar si las sabés usar y aprovechar.
@TheSpoksonat
Жыл бұрын
No es que está saturado el mercado de programadores, está saturado de "trainee" por esto que dices, por eso es normal que suban el filtro (como en cualquier trabajo, ya que la gente aplica por aplicar) la ventaja de programación es que tu experiencia es demostrable, ya sea con una entrevista técnica, o tu portfolio
@rominaprograma
Жыл бұрын
Mas allá de que es clickbait para que entres, tenés razón. Coderhouse, DigitalHouse, Henry y más son culpables de esto. Se aprovechan de la desesperación de la gente y endiosan a mediocres que piensan que haciendo tres cursos ya son programadores. Normal que nadie los va a contratar. Pero sí, se llenaron de guita con eso y ahora lo hacen "profesores" de youtube también
pregunta: 1.Una vez que cierras la ventana de vs code tienes que volver a ingresar codigo en la termina (cada vez)l? y 2 sera que es por eso que no anda el live server osea, carga la pagina pero se ve totalmente en blanco. alguien podria decirme por que pasa eso?
@deivchoi
Жыл бұрын
1. si. 2. En este video no usamos live server porque tenes que correr el proyecto con el comando en la terminal
@ernestoalfarocastratt3881
Жыл бұрын
@@deivchoi Probando una y otra vez pude solucionarlo ya me anda nuevamente continuo con mi proyecto! gran contenido Explicas genial! gracias
Lo bueno de react es que te permite reutilizar componentes y hacer aplicaciones escalables, lo malo de react es que se puede aprender en 45minutos
yo hice react en coderhouse, posta está muy bueno. Capaz tenes la mala suerte de que te toque un profe malo al que no le entendes una mierda, me pasó justamente en react, pero lo reclamé, me cambiaron de comisión sin costo y me tocó un profe que era un fenomeno. Como todo, podés ir a la facu y te toca un mal profe también, acá por lo menos te podés cambiar
@Khaoss_Argento
Жыл бұрын
Hola! Te acordás el nombre del profe "malo" y el del profe "bueno" que te tocó? Porque arrancó en julio en coder y no quiero que me pase lo mismo, gracias
@rominaprograma
Жыл бұрын
"Como todo, podés ir a la facu y te toca un mal profe también, acá por lo menos te podés cambiar" está de más esa comparación de una facultad con un cursito que te enseña a copiar y pegar
Una consulta, cuando llegue a la parte de props vscode me mostro este error "title' is missing in props validation eslint react/prop-types" , al final lo solucione gracias a chatgpt 😅, la cosa es saber porque a mi me salio ese error pero en el video no le sale el error a pesar de no escribir las validaciones PropTypes?
@deivchoi
Жыл бұрын
EsLint es un linter que chequea que sigas buenas practicas de codigo. Tal vez lo tenes instalado como extensión en tu vscode, o en alguna etapa de instalacion del proyecto se te instaló
@diegosayago8130
Жыл бұрын
@@deivchoi ah, gracias por responder
@diegosayago8130
Жыл бұрын
@@deivchoi sos un groso, no es complicado, ademas la manera de explicar es excelente, no es dificil realmente, solo es un poco un poco abrumador la cantidad de archivos que hay que manejar, pero lo cuesta vale 😎
Muy bueno para un repaso rápido, pero cambiaría el título del vídeo..
Por qué mis atajos son diferentes? Tengo Ctrl ñ en vez de Ctrl ´ para abrir Terminal
@deivchoi
Жыл бұрын
Kien sabe 🧐
sos crack
Hice front end en Coder y solo tuve mala experiencia y los certificados 😂... No recomiendo Coder para nada, desde mi experiencia, claramente
Bro desde que país trabajas es una duda ya que quiero ser programador
@deivchoi
Жыл бұрын
Yo desde Argentina!
Hay que trabajar más en no enroscarse tanto con css. A los del frontend developer les encanta el css pero si estás haciendo un curso de react debes limitarte a no mostrarlo demasiado. El css se lo pido al chatgpt, yo vine por react
30:19
Como hace para correr el archivo en la web ?
@Laviesurladentelle
Жыл бұрын
con el localhost
crack
Me interesa, acercamiento…
Strict mode min 8:00
Bro vale la pena aprender java swing??
@rominaprograma
Жыл бұрын
necesita mantenimiento así que sí, pero hay que enfocarse en tecnologías más nuevas también
Últimamente, hay mucho contenido de "aprende esto en 1 hora", no es posible aprender en una hora, ni en un día ni en una semana, y más allá del clickbait el problema es que se crea esperanza en las personas y después se frustran cuando se dan cuenta de que lo que saben no es suficiente, nosotros estamos aquí dando vistas y los únicos que se benefician de esto son los creadores de este contenido que perfectamente saben que la gente está desesperada por conseguir lo que quieren en el menor tiempo posible.
@luismanuel1213
Жыл бұрын
Bro solo son cosas básicas y en verdad te entiendo
@relyk8120
Жыл бұрын
Como se nota que solo viste 10 segundos de video ajajaj va seguro solo el titulo, en el mismo aclara que solo da las basicas de react y luego agrega que para perfeccionarse mas en esta libreria te recomienda iniciar el curso en coderhouse.
@Code__Play
Жыл бұрын
La verdad es que este video me ha ayudado ya que me ayuda a decirle si me gusta el ecosistema de React o no.
@josemanuico5613
Жыл бұрын
ahora dilo sin llorar
@rominaprograma
Жыл бұрын
@@josemanuico5613 lloran los que salen de escuelas de código endeudados y sin saber nada
justo estoy dando react en la facu, joya me cayo el video