Curso de React JS: desarrollo frontend con proyecto completo

Resumen del curso

“Se busca desarrollador con conocimientos en React”. Seguro que has visto esta frase en muchas ofertas de empleo y, si has llegado hasta este curso, es porque tienes la intención de aprender más sobre qué es React, sus principales características y las ventajas que ofrece. Antes de continuar, una aclaración importante: muy al contrario de lo que suele pensarse, React JS no es un framework en sí mismo, sino una librería de JavaScript cuya principal función es facilitar la creación de interfaces de usuario de manera ágil y versátil.

React permite crear aplicaciones web SPA (Single Page Application) e incluso aplicaciones para dispositivos móviles. Esto es posible gracias al amplio ecosistema de módulos y herramientas que se han desarrollado para aprovechar todo el potencial de esta librería, lo que permite un desarrollo flexible. Además, cuenta con un fuerte respaldo de la comunidad y de grandes empresas como Facebook, BBC, Airbnb, Netflix o Dropbox, lo que da una idea clara de su alcance en la industria.

En este curso aprenderás React a través del desarrollo completo de una aplicación web centrada en libros. Para la parte backend utilizaremos una API implementada por el sitio web OpenLibra, de modo que realizaremos peticiones a dicha API para obtener los datos que serán mostrados en la parte frontend mediante la creación de diferentes vistas o interfaces desarrolladas con React JS.

Además, junto con React emplearemos diversas librerías y herramientas que, utilizadas en conjunto, nos permitirán desarrollar una aplicación web completamente funcional y desplegarla en producción. Entre las más destacadas se encuentran las siguientes:

• Node JS: entorno de ejecución para JavaScript orientado a la creación de aplicaciones web eficientes y escalables. Incluye npm, un gestor de dependencias que facilita la instalación y gestión de paquetes necesarios para el proyecto.
• Vite JS: herramienta de compilación cuyo objetivo es proporcionar una experiencia de desarrollo rápida y ágil para proyectos web modernos.
• Chakra UI: librería de componentes simple, modular y accesible que permite construir aplicaciones React con estilos personalizados de forma sencilla.
• React Icons: librería que permite incorporar iconos en aplicaciones React como componentes reutilizables, facilitando su uso e integración.
• Vercel: plataforma en la nube para el despliegue de aplicaciones web que permite publicar proyectos de forma rápida, escalable y sin necesidad de configuración compleja.

¿Qué aprenderás?

• 🔹 Desarrollar interfaces web usando React JS.
• 🔹 Manejar la sintaxis JSX utilizada en React JS.
• 🔹 Aprender los módulos básicos de React JS como React Hooks o React Router.
• 🔹 Utilizar una API pública como parte backend de una aplicación web.
• 🔹 Usar la librería Chakra UI para añadir estilos a los componentes implementados con React.
• 🔹 Añadir iconos a interfaces web usando la librería React Icons.
• 🔹 Desplegar una aplicación web usando Vercel.

Requisitos

• Conocimientos básicos de HTML.
• Conocimientos básicos de JavaScript.

¿A quién va dirigido?

• Desarrolladores web que quieran aprender la tecnología React JS.
• Programadores que estén comenzando a usar React JS y quieran reforzar los conceptos a través del desarrollo de un proyecto.