React avanzado

El taller «Advanced React» está diseñado para desarrolladores experimentados de React que buscan profundizar su comprensión del marco y dominar técnicas avanzadas para crear aplicaciones sofisticadas. React ofrece un ecosistema rico y abstracciones poderosas, que permiten a los desarrolladores crear interfaces de usuario complejas y ricas en funciones. En este taller, los participantes profundizarán en el desarrollo de React, explorando conceptos complejos, patrones de última generación y técnicas de alto nivel para abordar los desafíos del desarrollo de aplicaciones web modernas. Desde la composición avanzada de componentes hasta la optimización del rendimiento y las estrategias de gestión del estado, los asistentes adquirirán los conocimientos y la experiencia práctica necesarios para llevar sus habilidades de React al siguiente nivel.

Orden del día

Comprensión de React Internals

  • Profundice en la arquitectura de React Fiber
  • Comprender el proceso de reconciliación y renderizado de React
  • Explorando el DOM virtual y los algoritmos de reconciliación de React

Composición avanzada de componentes

  • Dominar los accesorios de renderizado y los componentes de orden superior
  • Explorando patrones de composición con React Hooks
  • Implementación de patrones de componentes avanzados como componentes compuestos y componentes controlados

Técnicas de optimización del rendimiento

  • Identificar y mitigar los cuellos de botella de rendimiento en las aplicaciones React
  • Implementación de selectores de memorización y memorización para una representación optimizada
  • Aprovechar el modo simultáneo y el suspenso de React para mejorar el rendimiento

Patrones avanzados de administración de estados

  • Evaluación de las opciones de administración del estado más allá de Redux
  • Implementación de la administración del estado con la API de contexto y el enlace UseContext
  • Utilización de bibliotecas como Recoil o Zustand para las necesidades avanzadas de administración estatal

Optimización de las aplicaciones de React para la accesibilidad

  • Comprender los principios de accesibilidad y las mejores prácticas
  • Implementación de funciones, estados y propiedades de ARIA para componentes accesibles
  • Realizar auditorías y pruebas de accesibilidad en aplicaciones React

Renderización del lado del servidor (SSR) e hidratación del lado del cliente

  • Implementación del renderizado del lado del servidor con React y Node.js
  • Mejora del rendimiento y el SEO con contenido renderizado previamente
  • Hidratar las aplicaciones React renderizadas en el lado del cliente para lograr transiciones fluidas

Enrutamiento y navegación avanzados

  • Implementación de enrutamiento dinámico con React Router
  • Navegar por estructuras de navegación complejas con rutas anidadas y guardias de ruta
  • Optimización de la división de código basada en rutas para una carga de página más rápida

Estrategias de prueba para aplicaciones avanzadas de React

  • Redacción de pruebas unitarias completas y pruebas de integración para los componentes de React
  • Burlarse de las dependencias externas y las llamadas a la API para realizar pruebas aisladas
  • Realizar pruebas de extremo a extremo con herramientas como Cypress o Puppeteer

Patrones avanzados para la organización del código

  • Estructuración de las aplicaciones de React para la escalabilidad y el mantenimiento
  • Implementación de una arquitectura modular y una organización de código basadas en funciones
  • Exploración de configuraciones de monorepo y estrategias para compartir código en entornos de varios proyectos

Mejores prácticas de seguridad para aplicaciones de React

  • Identificación de vulnerabilidades de seguridad comunes en las aplicaciones de React
  • Implementación de mecanismos de autenticación y autorización
  • Mitigar los riesgos de seguridad con la validación y el saneamiento adecuados de los datos

Al final del taller «Advanced React», los participantes habrán adquirido un conocimiento profundo de los conceptos y técnicas avanzados de React, lo que les permitirá crear aplicaciones sofisticadas y de alto rendimiento con confianza. Estarán equipados con estrategias prácticas, mejores prácticas y experiencia práctica para abordar los complejos desafíos del desarrollo de aplicaciones web modernas con React.

Profesor
Dmitry Zaets
Modalidad
Presencial
Duración
8
horas
Precio por persona
desde
400
Total Price
desde
Ubicación
Barcelona, Madrid, Valencia, Bilbao
Idioma
English, Spanish, Catalan

¿Estás listo para empezar?

Thank you!
We will get back to you as soon as possible.
Oops! Something went wrong while submitting the form.