APRENDE REACT BÁSICO en 30 MINUTOS ⏰ - Tutorial de React.js Desde Cero

¿Quieres seguir aprendiendo más? Mira este CURSO DE REACT desde cero, totalmente GRATIS

Veremos como iniciar una app React con create-react-app, desarrollo basado en componentes, state, props, principales hooks, manejo de eventos y mucho.

⏱ CONTENIDO DEL VIDEO
00:00 | Introducción
01:37 | Create React App
04:04 | Estructura de archivos
05:07 | JSX
07:35 | Componente raíz
09:31 | Componente Lista
11:39 | Props
13:00 | Hook useState
14:25 | Fragments
17:43 | Componente Item
19:35 | Manejo de cambios con Eventos
24:53 | Keys
28:42 | Flujo de Props y Eventos
32:10 | Hook useEffect

También te puede interesar
Como construir un BLOG desde cero con NEXT.js REACT y MARKDOWNX

Probamos GITHUB COPILOT, la IA que ¿Te ayuda? a programar

🔔 No olvides suscribirte y activar la campanita para no perderte ningún vídeo

🏆 Si te gusta el contenido que comparto, puedes apoyarme de una manera más directa uniéndote al programa de MIEMBROS del canal

[CarlosAzaustre]

📘Mi nuevo libro "Aprendiendo React" ¡Ya a la venta!

[sebascalderon]

En mi opinión alguien que nunca ha visto React, se pierde en este video. React no es algo que se pueda digerir en 30 min. Gracias por el video! :)

[ireyes]

Como recordatorio para la gente que hace tiempo que no tocamos React está brutal.
Muchas gracias por hacer el video Carlos.

[andresrhernandez]

Uff tremendo está increíble, es la primera vez que veo react en la vida, hay muchas cosas que obviamente no entendí, pero me gusta mucho, creo que valió totalmente la pena elegir este video como mi primer acercamiento a React. Gracias Carlos, tu contenido es muy bueno.

[ArlexGuzman]

Carlos yo creo que en la internet hay mucho material acerca de React, sin embargo he visto que mayoritariamente está desactualizado, me parece oportuno y pertinente tu enfoque en React y el fronten en general, en este sentido someto a tu consideración la necesidad de hacer un énfasis especial y superlativo en los componentes funcionales y los hooks, éstos a mi juicio son la columna vertebral de react.

[efrainhernandez]

Jamás pensé aprender tanto de React en menos de 40 minutos.

[kelvinescobar]

Me sigue sorprendiendo lo bien que enseñas y la calidad de tus videos. De los mejores sin duda. Sigue así bro!

[compartelo]

Más allá de que el vídeo está muy bien explicado, gracias. Me gusta tu manera de estructurar y sobretodo nombrar las cosas. Me refiero a cosas como usar <Fragment> en vez de <> ó no usar arrow fuctions cuando creas la functión que define al componente sino usar la manera tradicional con la palabra reservada function. Gracias

[oscarmvillajimenez]

Excelente, muy útil y buen concepto docente. Quiero empezar con Web App usando React (vengo de más de 20 años de programación Pascal), ya he bajado varios libros y he leído algunos, pero lo que me permitió hacer el primer "Hola Mundo React" fue este corto video. Muchas gracias, de veras.

[JuanSanchez]

muy buen paso a paso para iniciar, un saludo y muchas gracias

[sergioernestotostadosanche]

Muchas gracias por compartir tu conocimiento, ¡saludos desde México!

[arturovasquezoficial]

Buenísimo tu vídeo. Llevo ya más de 12 años en la programación web.

Al fin he entendido bien react Gracias a ti. Saludos desde Caracas, Venezuela.

[carlosalejandro]

Excelente tu explicación, creo que comenzaré a seguirte.

[melissagalvan]

Muchas gracias! Por fin pude entender unos puntos con los que no podia.

[magnusmanz]

Genial! más claro no se puede, me sacaste en media hora las dudas existenciales del State, las props, event y de paso el localStorage. ¡Un verdadero genio, gracias!

[LuisGonzalez-coyz]

Seas mamón excelente explicación!!!! Nunca había comprendido React con algo tan explícito pude comprender los conceptos que mostraste perfectamente. Muchas gracias por compartir has ganado un seguidor.

[roymartinez]

hasta que despues de meses, comprendi bien el uso de useEffect, aprendo de forma autodidacta, y hasta ahora entre tantos videos alguien me aclaro el uso del useEffect y porque se ocupa para el consumo de API, espero que un dia hagas ejemplos de react context o de redux dado que al dia de hoy no les encuentro mas funcionalidad que guardar parametros de la session, saludos y gracias

[mundogamer]

Yo ya sé React pero estoy viendo el video por repasarlo y lo explicas super bien.

[RicardoMorales-kmyy]

Nunca mejor explicado. Como recordatorio para retomar React es muy bueno y has dado en el clavo con aquel concepto de la propagación de los eventos en react y el de las props. A día de hoy han cambiado un par de cosas en relación al proyecto, usando CRA, pero este video aún vale mucho. Me quedo también con la costumbre de usar <Fragment> en vez de solo <></> porque me parece mas ordenado. Gracias!.

[nikolaus_dev]

Es una maravilla con la facilidad que hace ver las cosas, y realmente deja facilmente entendible todo.. Que genialidad!