Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

151
Vistas
Renderiza una micro interfaz dentro de otra usando React

Recientemente comenzamos a migrar nuestra aplicación empresarial monolítica a una arquitectura de microservicio más modular. Como parte de este proceso, hemos decidido crear una interfaz independiente dedicada para cada servicio escrito en React. Estas micro interfaces luego se representarán dentro de un marco principal que es responsable de administrar los componentes comunes en toda la aplicación: encabezados, pies de página, cajones de menú, estado de autenticación, etc.

Con fines ilustrativos, describamos estos microservicios de la siguiente manera:

  1. El Servicio de direcciones es responsable de administrar las direcciones de los usuarios a través de una interfaz CRUD simple. Hay una cuadrícula que enumera todas las direcciones actuales y un formulario para capturar las nuevas.
  2. El Servicio de Pago permite a los usuarios realizar el pago de los artículos que han comprado, durante el cual uno de los pasos es seleccionar una dirección de entrega de las que fueron capturadas en el servicio anterior.

Hasta este punto, no hay problemas con nuestra arquitectura.

Ahora supongamos que queríamos permitir a los usuarios no solo seleccionar una dirección existente durante el pago, sino también poder agregar una nueva dirección durante este proceso, sin tener que abandonar primero el proceso de pago para ir a la pantalla de administración de direcciones dedicada dentro de Dirección. Servicio.

Lo que efectivamente queremos hacer y ser capaces de hacer es:

  • Procesa el formulario completo para agregar una nueva dirección , incluidas todas las reglas de validación, búsquedas desplegables, traducciones de idiomas, etc. de una interfaz dentro de la otra.
  • Al enviar, agregue esta nueva dirección a la lista de direcciones seleccionables del usuario sin volver a cargar la página completa; básicamente, simplemente empalme la nueva dirección en el estado actual.

¿Hay alguna manera de lograr algo como esto? Mi sensación es que, para empezar, va en contra del concepto completo de separar estos dos elementos en sus propias interfaces, y es mejor combinarlos en uno solo. Pero, ¿y si quisiéramos representar este componente de dirección en otros servicios en el futuro? ¿Seguramente una interfaz monolítica que sigue creciendo no es la única solución viable?

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Las microfrontends suelen tener algún tipo de bus de eventos para comunicar un MF a otro. Puede usar eventos personalizados para implementar esto. Pero puede crear su propia implementación en su marco base.

about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda