Lecciones del curso

React desde cero

¿Qué es React?
3m
Configurando tu entorno de desarrollo
1m
Creando una aplicación React con Vite
3m
Estructura del proyecto
2m
Tu primer componente
React vs ReactDOM
Check-point: ¿Cómo vas?
¿Cómo agregar estilos a React?
¿Qué son props en React y cómo se usan?
Mostrando listas de objetos
Estados locales con useState
Introducción a los Hooks
Efectos secundarios con useEffect
Practica: Proyecto final con Typescript

Creando una aplicación React con Vite

Existe una herramienta que fue la oficial para trabajar con React llamada create-react-app. Pero en tecnología y desarrollo web, todo es transitorio, nada permanece estático mucho tiempo y hay que cambiar de herramientas muy seguido para mantenerse al día.

La herramienta que te recomiendo usar para comenzar nuevos proyectos es Vite, Vite cuenta con una comunidad enorme, muy activa y actualizada, lo que garantiza que estará con nosotros algo de tiempo.

cd, install and open

Usaremos la terminal de nuestro editor de código, así no tenemos que saltar entre aplicaciones, podemos hacerlo todo desde aquí.

Cuando desarrollamos en React, necesitamos ver lo que estamos construyendo en tiempo real, para ello usaremos el servidor web que ya nos incluye Vite:

npm run dev

Esto ejecuta un servidor en esta dirección, con puerto, puede que en tu caso sea diferente, no importa mucho. Ahora abre esta dirección en tu navegador, y aquí tenemos nuestra aplicación React ✅

Es hora de crear nuestro primer componente React.

Lo más duro ya pasó, ahora sí vamos a tirar código. 🤓