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

Check-point: ¿Cómo vamos?

Ahora sabes para qué queremos usar React: para construir interfaces de usuario. También sabes cómo funciona React: ayudándonos a crear árboles de nodos que son “monitoreados”(observados) por ReactDOM y su VirtualDOM para optimizar las actualizaciones del DOM real.

👀 No olvides que React es solo una biblioteca.

!https://kruschecompany.com/wp-content/uploads/2022/02/Cover-image-for-blog-post-defining-the-difference.png

Una biblioteca es una herramienta específica con cierta funcionalidad.

Mientras que un Framework es un grupo de herramientas, así como formas pre-definidas de trabajar con este grupo de herramientas.

React es una bilbioteca para crear interfaces de usuario dinámicas e interactivas. Para construir aplicaciones modernas, así que lo único que React hace; es el UI.

Normalmente, junto con React, necesitaremos algunas otras herramientas para trabajar con, por ejemplo:

Ruteo.

Peticiones HTTP.

Administración del estado global del app.

Internacionalización.

Validación de formularios.

Animaciones etc.

Pero esto en absoluto es algo malo, es bueno que React no tenga una opinión sobre cómo hacer todo lo anterior, lo que nos da mucha libertad para usar React con diferentes herramientas, esto hace a React muy popular, por ser tan compatible.

!https://binarapps.com/wp-content/uploads/2021/02/2021-01-11-CG-Grudzień_2.What-is-ReactJS-used-for-Whats-worth-to-know-.png

Así que podemos seleccionar y combinar las mejores herramientas para nuestros proyectos.

En este curso estaremos enfocados a React, pero en algunas lecciones Bonus exploraremos una primer herramienta de terceros que se suele usar muchísimo cuando se trabaja con React. 🛸

spaceman

¿List@ para ver todo el curso? Prepárate porque apenas estamos comenzando 🚀

¡Desbloquea el curso completo y conviértete en un PRO del desarrollo web! 🫶🏻 .