Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

148
Views
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 answers
Answer question

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 Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!