When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

Udemy logo

Desarrollo web frontend en React JS con proyecto completo

Aprende a usar la librería React JS a través del desarrollo de un curso completo y funcional.

     
  • 4.7
  •  |
  • Reviews ( 79 )
₹519

This Course Includes

  • iconudemy
  • icon4.7 (79 reviews )
  • icon4h 17m
  • iconenglish
  • iconOnline - Self Paced
  • iconprofessional certificate
  • iconUdemy

About Desarrollo web frontend en React JS con proyecto completo

_"Se busca desarrollador con conocimientos en_

_React"_

. Seguro que has visto esto 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 qué ventajas ofrece. Pero antes una pequeña aclaración, muy al contrario de lo que se suele pensar

React JS

no es un framework en sí mismo sino una librería de

JavaScript

. Su principal función es la de facilitar la creación de interfaces de usuario de manera ágil y versátil.

React

nos permite crear aplicaciones web

SPA

(de una sola página) e incluso aplicaciones para móviles. Esto se logra mediante el complejo ecosistemas de módulos y herramientas que se han ido creando para obtener todo el potencial de esta librería y nos permite un desarrollo flexible. Cuenta además con un muy amplio respaldo en la comunidad, debido a que cuenta con Facebook como su principal impulsor, pero además nombres como BBC, Airbnb, Netflix, Dropbox y un largo etcétera hacen uso intensivo de

React JS

. Esto nos da una idea de su alcance. En este curso aprenderás

React

a través del desarrollo completo de una aplicación web sobre libros. Para la parte backend utilizaremos una API implementada por el sitio web OpenLibra, por lo que solo tendremos que realizar peticiones a dicha API para obtener los datos que serán mostrados en la parte frontend, mediante la generación de una serie de vistas o interfaces web a través de

React JS

. Además, junto con

React

emplearemos una gran cantidad de librerías y herramientas que utilizadas en conjunción nos permitirán desarrollar una aplicación web perfectamente funcional y que desplegaremos en producción. Entre ellas, me gustaría destacar las siguientes:

Node JS

:

Node JS

sirve para crear sitios web dinámicos muy eficientes, escritos con el lenguaje de programación JavaScript. Normalmente, los desarrolladores se decantan por este entorno de ejecución cuando buscan que los procesos se ejecuten de forma ágil y sin ningún tipo de bloqueo cuando las conexiones se multiplican. Dispone de un gestor de dependencias llamado

npm

, que es una herramienta de línea de comandos que ayuda a instalar y desinstalar paquetes, gestión de versiones y gestión de dependencias necesarias para ejecutar un proyecto.

Vite JS

:

Vite JS

es una herramienta de compilación que tiene como objetivo proporcionar una experiencia de desarrollo más rápida y ágil para proyectos web modernos.

Chakra UI

:

Chakra UI

es una librería de componentes simple, modular y accesible que te da las bases para construir tus aplicaciónes React con estilos y de forma totalmente personalizada.

React Icons

: Se trata de una pequeña librería que te permite añadir íconos (desde distintas librerías de íconos) a tus aplicaciones hechas con

React

. Te entrega los íconos en tu aplicación como componentes, de tal manera que se hace más fácil trabajar con ellos.

Vercel

:

Vercel

es una plataforma en la nube para sitios estáticos y funciones sin servidor que se adapta perfectamente a su flujo de trabajo. Permite a los desarrolladores alojar sitios web y servicios web que se implementan instantáneamente, escalan automáticamente y no requieren supervisión, todo sin configuración.

What You Will Learn?

  • 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..