Herramientas

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.0 (197 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.0
197 valoraciones

Contenido del curso:

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

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 …

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

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 …

  • Desarrollo Web

Dudas frecuentes

1

¿Cuándo comienza la formación?

En OpenWebinars las formaciones 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 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

¿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 lista.

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.

Artículos
Ver todos