Frontend

Curso de React avanzado

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

Impartido por:

4.1 (89 valoraciones)
2 horas y 10 minutos · curso
React avanzado

Lo que aprenderás en este curso:

  • 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

Requisitos del curso

Se requiere conocimiento intermedio de HTML, CSS y Javascript. Además es conveniente tener nociones intermedias en React, como las que se explican en nuestro curso “React Intermedio”. 

Valoraciones de estudiantes:

  • 5
  • 4
  • 3
  • 2
  • 1
4.1
89 valoraciones

Contenido del curso:

    • 3 m
    • Hooks como paradigma
      9 m
    • Manejo del estado con Hooks
      7 m
    • Ciclo de vida con Hooks
      9 m
    • Construyendo tus Hooks
      7 m
    • Introducción a Redux
      7 m
    • 5 m
    • Middlewares y debug del store
      7 m
    • Acciones asíncronas con Redux Thunk
      6 m
    • Gestión de errores en los componentes
      9 m
    • Modo estricto de React
      7 m
    • Introducción a Jest
      7 m
    • Testeando el DOM generado por React
      8 m
    • Minimizando el número de renderizados
      9 m
    • Memorización: Cacheando funciones
      8 m
    • Code-splitting y tree-shaking
      8 m
    • Renderizado concurrente
      7 m
También te puede interesar

Te dejamos una selección de cursos, carreras y artículos

React intermedio

Curso de React intermedio

2 horas y 28 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, gracias a una …

  • Frontend
Curso de manejo de estado y data fetching con Reducers y Thunks en React

Curso de manejo de estado y data fetching en React

3 horas y 53 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, gracias a una …

  • Frontend

Dudas frecuentes

1

¿Cuándo comienza el curso?

En OpenWebinars los cursos no tienen fecha de inicio y de final.

Cada curso tiene una fecha de publicación y desde ese día estarán 100% disponible todos los contenidos del curso para los usuarios suscritos a alguno de nuestros planes.

2

¿Cuál es el precio?

En OpenWebinars no vendemos cursos, talleres o laboratorios unitarios.

Tenemos diferentes tipos de suscripciones, que te dará acceso completo a todos los cursos de la plataforma y a los nuevos 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

¿Puedo obtener un diploma que acredite mis conocimientos?

Efectivamente, una vez superada cada formación, podrás descargarte el diploma acreditativo de cada una de ellas. Añádelas a tu CV y mejora tu perfil para las empresas.

También podrás obtener un diploma de nivel superior al superar todas las formaciones de la carrera.

Este curso de React avanzado está pensado para desarrolladores que quieran ampliar sus conocimientos para profundizar y dominar React de una forma más profesional, lo que les permitirá sacarle más partido a esta biblioteca.

Para poder seguir de forma adecuada el desarrollo de esta formación avanzada de React, es necesario poseer conocimientos intermedios de HTML, CSS y JavaScript, además de tener nociones intermedias en React, como las que se explican en el curso de React intermedio, disponible con tu suscripción a nuestra plataforma. También sería bueno conocer la librería de testing Jest, que se utilizará a lo largo del curso.

Una vez presentado el tutor que imparte este curso de React avanzado y el temario, comenzaremos en el primer bloque a desarrollar todo lo referente al desarrollo con Hooks, en el que se profundizará en este tema. El profesor explicará los Hooks como paradigma, el manejo del estado con Hooks, el ciclo de vida con Hooks y cómo construir nuestros propios Hooks.

Seguidamente, ya en el segundo segmento del curso, nos enfocaremos en la gestión del estado con Redux, dividiendo el mismo en diferentes lecciones. A lo largo de las mismas se verá una primera introducción a Redux y después aprenderás sobre los selectores de porciones del estado, los middlewares y el debug del store, y, para concluir, cómo realizar acciones asíncronas con Redux Thunk.

Finalizado el bloque sobre Redux nos metemos de lleno en el apartado en que se tratará concretamente sobre la fiabilidad y testing. Aquí vas a aprender cómo gestionar errores en los componentes y cómo utilizar el modo estricto de React para hacer un debugging adicional a las aplicaciones desarrolladas con React.

Sin salir de este bloque formativo, se hará una breve introducción a la librería Jest, más concretamente sobre su integración con React, así aprenderás a usarlo para depurar los componentes internos, desde su configuración hasta la utilización de comparadores. Y para concluir este apartado, veremos cómo testear el DOM generado por React, usando la librería React Test Utils y el propio Jest.

En la última parte del curso nos centraremos en explicar cómo potenciar el rendimiento de nuestras aplicaciones React gracias a diversas técnicas, como son el minimizado del número de renderizados, la memorización para cachear funciones y acelerar la ejecución, el uso de code-splitting y tree-shaking, además del renderizado concurrente.

Como verás, es un curso muy completo para aprender React a nivel avanzado, y que tras finalizarlo habrás aprendido a comunicar datos en tiempo real con tu 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 y utilizar el debugger para React en las herramientas de desarrollo de Chrome.

Las cookies nos permiten ofrecer nuestros servicios. Al utilizar nuestros servicios, aceptas el uso que hacemos de las cookies. Más Información.