Desarrollador frontend con REACT

Explora el dinámico mundo del desarrollo frontend con React. Aprende desde los fundamentos hasta técnicas avanzadas, y crea aplicaciones web interactivas y atractivas.

Impartido por:
  • Pablo Fernández
  • Álvaro Yuste Torregrosa
  • Pablo Huet
  • Varios Profesores
20 horas y 55 minutos

Estas empresas ya confían en nosotros


Lo que aprenderás en esta carrera:

  • Conocer los fundamentos teóricos de React.
  • Empezar un proyecto con React desde cero.
  • Renderizar y estilizar componentes sencillos basados en JSX.
  • Gestionar las propiedades y el estado de los componentes.
  • Entender y aprovechar los eventos del ciclo de vida de los componentes.
  • Comunicar una aplicación React con un API externa
  • Interacciones basadas en rutas y navegación
  • Abstracción de funcionalidades con técnicas avanzadas
  • Gestión centralizada del estado, React Context
  • Optimización en la renderización de nuestros componentes
  • Comunicar datos en tiempo real con nuestra aplicación React
  • Gestionar el estado centralizado mediante Redux
  • Cubrir las funcionalidades críticas con tests de componente y E2E
  • Potenciar el rendimiento de nuestra aplicación
  • Utilizar el debugger para React en las herramientas de desarrollo de Chrome
  • Aprenderás que son React Hooks
  • Aprenderás a como usar useState para controlar el estado de function components en React
  • Aprenderás como lanzar nuestros “side-effects” en function components
  • Aprenderás como crear tus propios React hooks
  • Comentaremos algunas buenas practicas usando hooks y function components.
  • Gestionar correctamente el estado con hooks
  • Gestionar el estado con componentes basados en clases
  • Aprender la diferencia entre gestión de estado con clases y con hooks
  • Conocer el enfoque alternativo de composición en lugar de herencia
  • Crear custom hooks
  • Guardar el estado entre renders
  • Testinghooks
  • Utilizar reducers
  • Crear tu propio mini-redux con React y Javascript
  • Hacer data fetching con hooks correctamente
  • Utilizar Thunks
  • Saber cuando es el mejor momento para usar Contexts
  • Hacer tests unitarios sobre nuestros reducers
  • A usar Lazy y Suspend
  • La configuración mínima de webpack para code splitting
  • Hacer code splitting sobre librerías y componentes
  • Que es Server Side Rendering (SSR)
  • Cuando debemos usarlo
  • Como portar nuestra aplicación a usar SSR

Requisitos de la carrera

Se requiere conocimiento intermedio de HTML, CSS y Javascript. Además es conveniente tener algo de soltura con los comandos básicos de consola y el gestor de paquetería NPM.

Cursos de esta carrera

Te recomendamos que sigas los cursos en el siguiente orden

Curso de React para principiantes

1. Curso de React para principiantes
4.2

5 horas y 44 minutos · Curso

Aprender a crear aplicaciones web sencillas basadas en React desde cero y empieza a dominar una de las librerías más usadas creada por Facebook.

Curso de React intermedio

2. Curso de React intermedio
3.9

2 horas y 28 minutos · Curso

Este curso está pensado para alumnos versados en el uso básico de React y que quieran mejorar sus conocimientos en esta librería, aprendiendo nuevas técnicas y valorando las nuevas incorporaciones en la misma.

Curso de React avanzado

3. Curso de React avanzado
4.0

2 horas y 10 minutos · Curso

En este curso profundizaremos en React para que aprendas a desarrollar aplicaciones web fiables y rápidas basadas en esta biblioteca de JavaScript.

React Hooks

4. React Hooks
4.5

59 minutos y 10 segundos · Taller

En este taller aprenderás la nueva forma para controlar el estado en React sin necesidad de tener que definir una clase. Además, veremos cuál es la nueva forma de controlar el estado de vida de un componente.

Curso de manejo de estado con Clases y Hooks en React

5. Curso de manejo de estado con Clases y Hooks en React
4.4

3 horas y 54 minutos · Curso

Con este curso aprenderás a gestionar correctamente el estado en React, conociendo los tipos de estado y haciendo uso de las Clases y los Hooks, y conocerás la diferencia entre gestionar el estado dentro de Clases y de Funciones.

Curso de manejo de estado y data fetching en React

6. Curso de manejo de estado y data fetching en React
4.5

3 horas y 53 minutos · Curso

Este curso te servirá para aprender a gestionar el estado en React de forma avanzada con Reducers, comprendiendo la arquitectura Flux y cómo desacoplar el estado de las vistas, además de aprender a utilizar los Thunks.

Code splitting en SPA con React

7. Code splitting en SPA con React
4.8

56 minutos y 7 segundos · Taller

Con este taller aprenderás a hacer code splitting correctamente en una SPA con React usando webpack y las herramientas que ofrece Reactjs.

Renderización de aplicaciones React en el servidor

8. Renderización de aplicaciones React en el servidor
4.7

49 minutos y 34 segundos · Taller

En este taller veremos como transformar una aplicación que renderice solo en cliente a renderizar tanto en servidor como en cliente, pudiendo así poder aprovecharnos del posicionamiento en buscadores y no por ello perder los beneficios de usar un frame...

Dudas frecuentes

1

¿Qué requisitos necesito?

Es recomendable que tengas algunos conocimientos básicos de programación en cualquier otro lenguaje, aunque no son indispensables.

Python se puede instalar tanto en Windows cómo en Linux o Mac, por lo que el sistema operativo es indiferente. Aún así te recomendamos usar Linux o Mac ya que el manejo de la terminal en estos sistemas operativos hace que todo sea mucho más productivo.

2

¿Cuál es el precio?

En OpenWebinars no vendemos formaciones.

Tenemos diferentes tipos de suscripciones, que te dará acceso completo a todas las formaciones de la plataforma y a las nuevas que vamos lanzando, siempre y cuando tu suscripción esté activa (como Spotify con la música o Netflix con las películas y series).

¿Eres una empresa? Tenemos planes especiales para ti. Consúltanos aquí.

3

¿Tengo que hacer todas las formaciones de esta ruta?

No es obligatorio, ya que puedes realizar únicamente las formaciones que te interesen.

No obstante, la lista se ha creado con idea de guiar a los alumnos por el itinerario formativo más adecuado para llegar a cumplir los objetivos propuestos en ella.

Adéntrate en el mundo del desarrollo frontend con nuestro itinerario formativo "Desarrollador Frontend con React". Este programa te llevará a través de los conceptos fundamentales y las técnicas avanzadas para dominar React, la biblioteca de JavaScript más popular para construir interfaces de usuario dinámicas y responsivas.

Desde los fundamentos de React, como JSX y el estado de los componentes, hasta técnicas avanzadas como el manejo del estado con Redux y el enrutamiento con React Router, este curso te equipa con todas las herramientas necesarias para crear aplicaciones frontend modernas y eficientes.

Con un enfoque práctico y ejemplos del mundo real, aprenderás a integrar React con APIs, optimizar el rendimiento de tus aplicaciones y desarrollar una experiencia de usuario excepcional. Además, el curso incluye módulos sobre testing y buenas prácticas, asegurando que tus aplicaciones no solo sean funcionales, sino también robustas y mantenibles.

Este itinerario es perfecto para aquellos que buscan convertirse en desarrolladores frontend líderes, capaces de crear aplicaciones web interactivas y atractivas. ¡Eleva tu carrera al próximo nivel con habilidades en demanda en el mundo del desarrollo frontend!

Artículos
Ver todos