Curso REACT JS - Aprende desde CERO Componentes, State, JSX (Tutorial Desde Cero en Español)

Te enseño React desde cero. 👨‍🏫 ¿Qué es React? ¿Por qué deberías aprenderlo? ¿Por qué lo necesitamos? ¿Qué es JSX 🤔? Props y State. Eventos. Renderizado condicional y useState. 🔥

¡No olvides suscribirte para próximos vídeos!
https://www.youtube.com/c/midudev?sub_confirmation=1

El código del ejemplo:
https://codesandbox.io/s/dawn-silence-le4b4?file=/index.html

🎥 SEGMENTOS:
00:00 - Bienvenida y saludos
03:28 - ¿Prefieres Vue o React?
04:00 - ¿Qué es React?
06:40 - Declarativo vs. Imperativo. El ejemplo del sushi.
07:25 - React está basado en componentes
11:00 - ¿Por qué React es tan estable en su desarrollo?
12:10 - npm trends: React vs Angular vs Vue
17:30 - Creando un componente Avatar con HTML puro
20:58 - Creando el componente Avatar con Vanila Javascript.
32:30 - Empezando a usar React sin Webpack y sin JSX
37:10 - Usando ReactDOM
40:58 - El parámetro children y por qué usamos JSX
43:10 - Usando babel al vuelo
44:10 - La transpilación de JSX
50:40 - Props para eventos: onClick
53:55 - Los parámetros de un componente son las props
55:25 - El estado de los componentes con useState
59:05 - Renderizado condicional declarativo
01:01:30 - DOM Virtual y cambios mínimos
01:04:42 - Arrow function (función flecha)
01:05:05 - Componente reusable con diferentes tamaños
01:09:24 - Props con valores por defect: defaultProps
01:13:25 - Renderizado condicional en el render
01:22:39 - Usa PascalCase para los componentes de React
01:24:20 - useState explicado paso a paso
01:37:20 - Mi opinión sobre tener el estado en una Global Store

Curso React.js ⚛️ desde cero - Crea una aplicación paso a paso midudev

Contenido del curso

1

Curso REACT JS - Aprende desde CERO Componentes, State, JSX (Tutorial Desde Cero en Español)

2

Crea una app con React usando create-react-app

3

Creando Custom Hooks y usando Context para conseguir un estado global en ReactJS

4

Lazy Load, Suspense y paginación con React

5

CSS Grid, Infinite Scroll y Tests en nuestra app de React