Refactorización y modularización en el frontend: implementación de microfrontend

Autores
Garcia, Martina; Molinari, Enrique
Año de publicación
2025
Idioma
español castellano
Tipo de recurso
documento de conferencia
Estado
versión publicada
Descripción
En este trabajo se explora la aplicación de los conceptos de microservicios, tradicionalmente utilizados en el backend, al ámbito del frontend, lo que se conoce como Microfrontend. Concretamente, se reescribe una parte específica de la interfaz de usuario de una aplicación. Esta interfaz, inicialmente se construyó con una arquitectura monolítica en React, ahora se implementa con una arquitectura de microfrontend. La aplicación en cuestión es "Peliculando”, un catálogo de películas donde los usuarios pueden alquilar títulos. El backend está implementado con microservicios en Spring Boot, gestionado por RabbitMQ y Mailtrap para pruebas de correo y utiliza Keycloak para la autenticación. El frontend, desarrollado en React con Material UI, es monolítico y ofrece una interfaz de usuario interactiva y moderna. Se conecta al backend mediante una API Gateway que facilita la integración con los microservicios. El objetivo general es implementar la arquitectura de Microfrontend en el desarrollo del frontend de una aplicación y aplicar los principios de la arquitectura de microservicios en el entorno de la interfaz de usuario. Además se busca refactorizar y reestructurar una sección específica de la interfaz de usuario de una aplicación que se desarrolló inicialmente con un frontend monolítico y adoptar la arquitectura de Microfrontend.
Red de Universidades con Carreras en Informática
Materia
Ciencias Informáticas
Microservicios
Microfrontend
Arquitectura de software
Nivel de accesibilidad
acceso abierto
Condiciones de uso
http://creativecommons.org/licenses/by-nc-sa/4.0/
Repositorio
SEDICI (UNLP)
Institución
Universidad Nacional de La Plata
OAI Identificador
oai:sedici.unlp.edu.ar:10915/191453
Acceder
id SEDICI_7e67bec5c9cf758e59a2fb1563b385d0
oai_identifier_str oai:sedici.unlp.edu.ar:10915/191453
network_acronym_str SEDICI
repository_id_str 1329
network_name_str SEDICI (UNLP)
spelling Refactorización y modularización en el frontend: implementación de microfrontendGarcia, MartinaMolinari, EnriqueCiencias InformáticasMicroserviciosMicrofrontendArquitectura de softwareEn este trabajo se explora la aplicación de los conceptos de microservicios, tradicionalmente utilizados en el backend, al ámbito del frontend, lo que se conoce como Microfrontend. Concretamente, se reescribe una parte específica de la interfaz de usuario de una aplicación. Esta interfaz, inicialmente se construyó con una arquitectura monolítica en React, ahora se implementa con una arquitectura de microfrontend. La aplicación en cuestión es "Peliculando”, un catálogo de películas donde los usuarios pueden alquilar títulos. El backend está implementado con microservicios en Spring Boot, gestionado por RabbitMQ y Mailtrap para pruebas de correo y utiliza Keycloak para la autenticación. El frontend, desarrollado en React con Material UI, es monolítico y ofrece una interfaz de usuario interactiva y moderna. Se conecta al backend mediante una API Gateway que facilita la integración con los microservicios. El objetivo general es implementar la arquitectura de Microfrontend en el desarrollo del frontend de una aplicación y aplicar los principios de la arquitectura de microservicios en el entorno de la interfaz de usuario. Además se busca refactorizar y reestructurar una sección específica de la interfaz de usuario de una aplicación que se desarrolló inicialmente con un frontend monolítico y adoptar la arquitectura de Microfrontend.Red de Universidades con Carreras en Informática2025-10info:eu-repo/semantics/conferenceObjectinfo:eu-repo/semantics/publishedVersionObjeto de conferenciahttp://purl.org/coar/resource_type/c_5794info:ar-repo/semantics/documentoDeConferenciaapplication/pdf1145-1149http://sedici.unlp.edu.ar/handle/10915/191453spainfo:eu-repo/semantics/altIdentifier/isbn/978-987-8258-99-7info:eu-repo/semantics/reference/hdl/10915/189846info:eu-repo/semantics/openAccesshttp://creativecommons.org/licenses/by-nc-sa/4.0/Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0)reponame:SEDICI (UNLP)instname:Universidad Nacional de La Platainstacron:UNLP2026-05-13T12:59:10Zoai:sedici.unlp.edu.ar:10915/191453Institucionalhttp://sedici.unlp.edu.ar/Universidad públicaNo correspondehttp://sedici.unlp.edu.ar/oai/snrdalira@sedici.unlp.edu.arArgentinaNo correspondeNo correspondeNo correspondeopendoar:13292026-05-13 12:59:11.158SEDICI (UNLP) - Universidad Nacional de La Platafalse
dc.title.none.fl_str_mv Refactorización y modularización en el frontend: implementación de microfrontend
title Refactorización y modularización en el frontend: implementación de microfrontend
spellingShingle Refactorización y modularización en el frontend: implementación de microfrontend
Garcia, Martina
Ciencias Informáticas
Microservicios
Microfrontend
Arquitectura de software
title_short Refactorización y modularización en el frontend: implementación de microfrontend
title_full Refactorización y modularización en el frontend: implementación de microfrontend
title_fullStr Refactorización y modularización en el frontend: implementación de microfrontend
title_full_unstemmed Refactorización y modularización en el frontend: implementación de microfrontend
title_sort Refactorización y modularización en el frontend: implementación de microfrontend
dc.creator.none.fl_str_mv Garcia, Martina
Molinari, Enrique
author Garcia, Martina
author_facet Garcia, Martina
Molinari, Enrique
author_role author
author2 Molinari, Enrique
author2_role author
dc.subject.none.fl_str_mv Ciencias Informáticas
Microservicios
Microfrontend
Arquitectura de software
topic Ciencias Informáticas
Microservicios
Microfrontend
Arquitectura de software
dc.description.none.fl_txt_mv En este trabajo se explora la aplicación de los conceptos de microservicios, tradicionalmente utilizados en el backend, al ámbito del frontend, lo que se conoce como Microfrontend. Concretamente, se reescribe una parte específica de la interfaz de usuario de una aplicación. Esta interfaz, inicialmente se construyó con una arquitectura monolítica en React, ahora se implementa con una arquitectura de microfrontend. La aplicación en cuestión es "Peliculando”, un catálogo de películas donde los usuarios pueden alquilar títulos. El backend está implementado con microservicios en Spring Boot, gestionado por RabbitMQ y Mailtrap para pruebas de correo y utiliza Keycloak para la autenticación. El frontend, desarrollado en React con Material UI, es monolítico y ofrece una interfaz de usuario interactiva y moderna. Se conecta al backend mediante una API Gateway que facilita la integración con los microservicios. El objetivo general es implementar la arquitectura de Microfrontend en el desarrollo del frontend de una aplicación y aplicar los principios de la arquitectura de microservicios en el entorno de la interfaz de usuario. Además se busca refactorizar y reestructurar una sección específica de la interfaz de usuario de una aplicación que se desarrolló inicialmente con un frontend monolítico y adoptar la arquitectura de Microfrontend.
Red de Universidades con Carreras en Informática
description En este trabajo se explora la aplicación de los conceptos de microservicios, tradicionalmente utilizados en el backend, al ámbito del frontend, lo que se conoce como Microfrontend. Concretamente, se reescribe una parte específica de la interfaz de usuario de una aplicación. Esta interfaz, inicialmente se construyó con una arquitectura monolítica en React, ahora se implementa con una arquitectura de microfrontend. La aplicación en cuestión es "Peliculando”, un catálogo de películas donde los usuarios pueden alquilar títulos. El backend está implementado con microservicios en Spring Boot, gestionado por RabbitMQ y Mailtrap para pruebas de correo y utiliza Keycloak para la autenticación. El frontend, desarrollado en React con Material UI, es monolítico y ofrece una interfaz de usuario interactiva y moderna. Se conecta al backend mediante una API Gateway que facilita la integración con los microservicios. El objetivo general es implementar la arquitectura de Microfrontend en el desarrollo del frontend de una aplicación y aplicar los principios de la arquitectura de microservicios en el entorno de la interfaz de usuario. Además se busca refactorizar y reestructurar una sección específica de la interfaz de usuario de una aplicación que se desarrolló inicialmente con un frontend monolítico y adoptar la arquitectura de Microfrontend.
publishDate 2025
dc.date.none.fl_str_mv 2025-10
dc.type.none.fl_str_mv info:eu-repo/semantics/conferenceObject
info:eu-repo/semantics/publishedVersion
Objeto de conferencia
http://purl.org/coar/resource_type/c_5794
info:ar-repo/semantics/documentoDeConferencia
format conferenceObject
status_str publishedVersion
dc.identifier.none.fl_str_mv http://sedici.unlp.edu.ar/handle/10915/191453
url http://sedici.unlp.edu.ar/handle/10915/191453
dc.language.none.fl_str_mv spa
language spa
dc.relation.none.fl_str_mv info:eu-repo/semantics/altIdentifier/isbn/978-987-8258-99-7
info:eu-repo/semantics/reference/hdl/10915/189846
dc.rights.none.fl_str_mv info:eu-repo/semantics/openAccess
http://creativecommons.org/licenses/by-nc-sa/4.0/
Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0)
eu_rights_str_mv openAccess
rights_invalid_str_mv http://creativecommons.org/licenses/by-nc-sa/4.0/
Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0)
dc.format.none.fl_str_mv application/pdf
1145-1149
dc.source.none.fl_str_mv reponame:SEDICI (UNLP)
instname:Universidad Nacional de La Plata
instacron:UNLP
reponame_str SEDICI (UNLP)
collection SEDICI (UNLP)
instname_str Universidad Nacional de La Plata
instacron_str UNLP
institution UNLP
repository.name.fl_str_mv SEDICI (UNLP) - Universidad Nacional de La Plata
repository.mail.fl_str_mv alira@sedici.unlp.edu.ar
_version_ 1865172484011065344
score 13.115601

Publicaciones similares