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

Configurando tu entorno de desarrollo

Para tomar este curso, debes tener instalado Node.js en mínimo la versión 18, cualquier versión posterior a la 18 te servirá.

Para comprobar que versión de node tienes en tu maquina, abre tu terminal y ejecuta:

node --version

En mi computadora yo tengo la versión 20, tú podrías tener una versión más reciente, lo cual estaría bien. 😌 Esto no tendrá un impacto en el material de este curso, en caso de que tu versión sea inferior a la 18, puedes ir al sitio web oficial de Node.js y descargar una versión más reciente.

https://nodejs.org/es

Ahora, en este curso, así como en mi día a día como programador, utilizo VSCode para editar mi código. Tú puedes usar el editor que prefieras, pero si quieres usar VSCode también, te recomiendo instalar una extensión llamada "prettier" que se encargará del formato de tu código. Esto es super útil. Damos clic en el botón de extensiones y en el buscador escribimos prettier, una vez que instalamos la extensión, vamos a preferencias y buscamos "format on save". Ahora cada que guardes tu trabajo, tu código de acomodará automáticamente, con el estilo más profesional.

Ahora sí, estámos listos para comenzar a tirar código.

¡Vayamos a construir nuestra primer aplicación React! 🎉