Skip to content

nikodev-documentacion/mfe-shell

Repository files navigation

Micro Frontend - Implementación de concepto

Microfrontend


Lea más acerca de su implementación



Tecnología Documentación Descripción
React https://react.dev Interfaces de usuario
Typescript https://www.typescriptlang.org Extiende JS - Tipado
react-error-boundary https://github.com/bvaughn/react-error-boundary Manejos de errores del ciclo de vida de componentes de React
Vite https://vitejs.dev Empaquetador de modulos
@originjs/vite-plugin-federation https://github.com/originjs/vite-plugin-federation#externalstringpromisestring Plugin de Vite
MUI Material UI https://mui.com/ Biblioteca de Componentes


App Shell

App



Manejo del error de rendereo

App



Captura del evento de prueba

App



Petición de tareas

App


¿Como funciona?

El App Shell maneja la estructura general del proyecto web, digase el layout, nav, header, footer, menu.
Con esta estrategia se lograria consumir componentes que tengan una sola responsabilidad, siendo capaces de acoplar su lógica al proyecto general de manera simple.
De esta manera podriamos sumar funcionalidades al proyecto como si de un conjunto se tratara.
Es importante comprender que al igual que multiples estrategias tiene sus pro y contras.




About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors