Ingeniero FrontendAvanzado8 módulos~4.0 horas prácticas3 modos de aprendizaje
Arquitectura React para producción
Construí SignalDesk, un espacio de trabajo de atención al cliente con forma de producción, mientras aprendés sobre límites de características, enrutamiento de datos anidados, ownership del estado en el servidor, mutaciones e invalidación, límites asíncronos resilientes y testing a nivel de arquitectura.
// Lo que podrás hacer- Ownership del modelo, límites y dirección de dependencias
- Creá una estructura exigible y una toolchain confiable
- Diseñá URL, layout, loader, action y boundaries de error
- Manejá caching, invalidación y feedback optimista al usuario
8 módulos, hechos para ejecutar
Cada módulo incluye código ejecutable. Expande cualquiera para ver su contenido.
00IntroducciónEl espacio de trabajo con forma de producción que vas a construir30 min
Preguntas que responde este módulo
- ¿Cómo podés ver el flujo completo de soporte de SignalDesk?
- ¿Cómo podés elegir la ruta de aprendizaje que se ajuste a tus objetivos?
Empezar móduloVista previa gratis
01Arquitectura antes que componentesOwnership del modelo, límites y dirección de dependencias30 min
Preguntas que responde este módulo
- ¿Cómo podés asignar el estado de UI, URL, servidor y formularios a propietarios explícitos?
- ¿Cómo podés trazar límites de feature alrededor de las capacidades del producto en vez de por tipos de archivo?
02Configuración del proyecto y slices de featuresCreá una estructura exigible y una toolchain confiable30 min
Preguntas que responde este módulo
- ¿Cómo podés crear un workspace fijado con React, TypeScript, Vite y Vitest?
- ¿Cómo podés construir un vertical slice pulido detrás de una API pública de feature?
03Enrutamiento de datos anidadosDiseñá URL, layout, loader, action y boundaries de error30 min
Preguntas que responde este módulo
- ¿Cómo podés componer pantallas de SignalDesk con layouts de rutas anidadas y selección gobernada por la URL?
- ¿Cómo podés cargar y mutar datos de ruta mediante React Router **8.4 Data Mode**?
04Estado del servidor y mutacionesManejá caching, invalidación y feedback optimista al usuario30 min
Preguntas que responde este módulo
- ¿Cómo podés modelar el estado del servidor de SignalDesk con claves de consulta estables y opciones de consulta reutilizables?
- ¿Cómo podés invalidar exactamente los datos afectados por una mutación exitosa?
05Ownership del estado y formulariosMantené el estado local, en la URL, en el servidor y del formulario en sus casas correctas30 min
Preguntas que responde este módulo
- ¿Cómo podés elegir deliberadamente entre estado local, URL, servidor y de formulario?
- ¿Cómo podés codificar filtros de bandeja compartibles en parámetros de búsqueda?
06Límites asíncronos resilientesCoordiná código lazy, Suspense, errores y comportamiento de retry30 min
Preguntas que responde este módulo
- ¿Cómo podés colocar límites lazy y Suspense sin ocultar el chrome útil de la aplicación?
- ¿Cómo podés diferenciar fallos de datos de ruta de fallos de renderizado y de módulos lazy?
07Síntesis de patronesVelo en ejecución: verificá los contratos de arquitectura y el workflow completo de soporte30 min
Preguntas que responde este módulo
- ¿Cómo podés ejercitar el camino crítico de SignalDesk: ruta, mutación y recuperación?
- ¿Cómo podés explicar por qué cada estado y falla pertenece a su límite elegido?
¿Listo para construir tu primer agente? Arquitectura React para producción?
Empezá con el Módulo 0 gratis y desbloqueá la ruta completa con un plan Pro.