DORSETRIGS
Home

micro-frontend (28 post)


posts by category not found!

How to use Vue 3 reactive object outside Vue ecosystem

Unleashing Vue 3 Reactivity Beyond the Component Using Reactive Objects Outside of Vue Vue 3s reactivity system is a powerful tool that makes building dynamic u

2 min read 05-10-2024 58
How to use Vue 3 reactive object outside Vue ecosystem
How to use Vue 3 reactive object outside Vue ecosystem

How to setup Angular "Native Federation" to serve via https in development mode

Serving Angular Microfrontends Securely in Development Mode Native Federation with HTTPS Problem Setting up Angular microfrontends with Native Federation for de

3 min read 04-10-2024 59
How to setup Angular "Native Federation" to serve via https in development mode
How to setup Angular "Native Federation" to serve via https in development mode

Webpack: Module "./..." does not exist in container after deploying to AWS

Troubleshooting Webpack Module Errors in AWS Deployments Deploying a web application to AWS can sometimes lead to unexpected errors one of which is the Module d

2 min read 30-09-2024 40
Webpack: Module "./..." does not exist in container after deploying to AWS
Webpack: Module "./..." does not exist in container after deploying to AWS

Facing issue: React is null when using JavaScript import maps to import a project into an existing project

Troubleshooting React Import Issues with Java Script Import Maps In the realm of modern web development efficiently managing dependencies and ensuring smooth im

3 min read 30-09-2024 43
Facing issue: React is null when using JavaScript import maps to import a project into an existing project
Facing issue: React is null when using JavaScript import maps to import a project into an existing project

Why does my host app receive a 404 from my client app?

Understanding Why Your Host App Receives a 404 Error from Your Client App When developing applications one common issue developers encounter is receiving a 404

3 min read 29-09-2024 35
Why does my host app receive a 404 from my client app?
Why does my host app receive a 404 from my client app?

Cannot load multiple modules and components from an Angular microapp

Troubleshooting Angular Microapps Loading Multiple Modules and Components In the world of modern web development microservices architecture has become a popular

3 min read 27-09-2024 49
Cannot load multiple modules and components from an Angular microapp
Cannot load multiple modules and components from an Angular microapp

Dynamically Loading Multiple Remote Angular Modules using Module Federation

Dynamically Loading Multiple Remote Angular Modules Using Module Federation In modern web applications particularly those built with Angular the need for scalab

3 min read 25-09-2024 54
Dynamically Loading Multiple Remote Angular Modules using Module Federation
Dynamically Loading Multiple Remote Angular Modules using Module Federation

How to pass a service in angular lazy loaded microfrontend

How to Pass a Service in Angular Lazy Loaded Microfrontend In todays web development landscape microfrontends and lazy loading are essential techniques that all

3 min read 25-09-2024 54
How to pass a service in angular lazy loaded microfrontend
How to pass a service in angular lazy loaded microfrontend

Micro frontend - Material UI library duplicate imports webpack

Understanding Micro Frontends and Handling Duplicate Imports in Material UI with Webpack In the world of modern web development Micro Frontends have emerged as

3 min read 25-09-2024 48
Micro frontend - Material UI library duplicate imports webpack
Micro frontend - Material UI library duplicate imports webpack

Shared dependencies are still generated in both remote and shell app in @angular-architects/module-federation

Managing Shared Dependencies in angular architects module federation A Comprehensive Guide In the world of micro frontends ensuring that shared dependencies are

3 min read 24-09-2024 62
Shared dependencies are still generated in both remote and shell app in @angular-architects/module-federation
Shared dependencies are still generated in both remote and shell app in @angular-architects/module-federation

How to expose a React component from host application to a module federated child application in Micro Front End Architecture?

Exposing a React Component from a Host Application to a Module Federated Child Application in Micro Frontend Architecture In modern web development Micro Fronte

3 min read 21-09-2024 54
How to expose a React component from host application to a module federated child application in Micro Front End Architecture?
How to expose a React component from host application to a module federated child application in Micro Front End Architecture?

Display Sub Application UI in Main Application MasterLayout in Angular

Display Sub Application UI in Main Application Master Layout in Angular In Angular development building a cohesive user interface often involves integrating mul

2 min read 21-09-2024 44
Display Sub Application UI in Main Application MasterLayout in Angular
Display Sub Application UI in Main Application MasterLayout in Angular

I want to use a React app (a game) inside another major React app (portfolio website). What is best way to implement such Micro-frontend

Implementing a Micro Frontend Architecture Integrating a React Game into a Portfolio Website When you have two distinct React applications such as a game and a

3 min read 16-09-2024 39
I want to use a React app (a game) inside another major React app (portfolio website). What is best way to implement such Micro-frontend
I want to use a React app (a game) inside another major React app (portfolio website). What is best way to implement such Micro-frontend

Use web component in react-native-expo using module federation

Using Web Components in React Native Expo with Module Federation In the evolving landscape of web and mobile application development integrating various technol

3 min read 16-09-2024 63
Use web component in react-native-expo using module federation
Use web component in react-native-expo using module federation

Angular microfront end w/ tailwindcss

Building Angular Microfrontends with Tailwind CSS A Guide to Modular Design Modern web applications often demand flexibility and scalability particularly in the

3 min read 13-09-2024 50
Angular microfront end w/ tailwindcss
Angular microfront end w/ tailwindcss

Cannot find module 'remoteApp/App' in CRACO MFE App

Cannot find module remote App App in CRACO MFE App A Troubleshooting Guide The Cannot find module remote App App error often pops up when working with Micro Fro

3 min read 13-09-2024 48
Cannot find module 'remoteApp/App' in CRACO MFE App
Cannot find module 'remoteApp/App' in CRACO MFE App

Webpack Module Federation handling when the remote app is down/unavailable

Mastering Module Federation Handling Remote App Downtime Module Federation a powerful feature of Webpack 5 allows you to build and deploy independent microfront

2 min read 04-09-2024 41
Webpack Module Federation handling when the remote app is down/unavailable
Webpack Module Federation handling when the remote app is down/unavailable

interceptor in angular and module federation

Unlocking the Power of Interceptors in Angular Module Federation A Deep Dive In the world of Angular Module Federation interceptors play a crucial role in enhan

2 min read 03-09-2024 45
interceptor in angular and module federation
interceptor in angular and module federation

How to communicate between micro front end applications angular

Navigating Communication Between Micro Frontend Angular Applications The Micro Frontend MFE architecture empowers developers to build complex web applications b

3 min read 03-09-2024 57
How to communicate between micro front end applications angular
How to communicate between micro front end applications angular

Tailwind not working when components are shared through webpack module federation

Tailwind CSS and Micro Frontends Solving the Style Clash Micro frontends a powerful architecture for breaking down monolithic applications present unique challe

3 min read 03-09-2024 46
Tailwind not working when components are shared through webpack module federation
Tailwind not working when components are shared through webpack module federation

Nuxt 3 + Vue 3, micro frontend with vite-plugin-federation. Why 500 error?

Nuxt 3 Vue 3 and Micro Frontends Debugging the 500 Error with vite plugin federation This article explores a common issue faced when setting up micro frontends

3 min read 03-09-2024 52
Nuxt 3 + Vue 3, micro frontend with vite-plugin-federation. Why 500 error?
Nuxt 3 + Vue 3, micro frontend with vite-plugin-federation. Why 500 error?

How to extract a component from dynamically loaded angular remote module

Extracting Components from Dynamically Loaded Angular Remote Modules Module Federation is a powerful feature in Angular that allows you to split your applicatio

2 min read 01-09-2024 54
How to extract a component from dynamically loaded angular remote module
How to extract a component from dynamically loaded angular remote module

API call in localhost angular micro frontend

API Calls in Localhost Angular Microfrontends A Comprehensive Guide Building microfrontends with Angular can be a powerful approach to modularizing your applica

2 min read 31-08-2024 51
API call in localhost angular micro frontend
API call in localhost angular micro frontend

Microfrontends: Angular, Module Federation and DevExtreme/DevExtreme-Angular

Navigating Dev Extreme and Module Federation in Angular Microfrontends A Practical Guide This article dives into the challenges of integrating Dev Extreme compo

2 min read 30-08-2024 59
Microfrontends: Angular, Module Federation and DevExtreme/DevExtreme-Angular
Microfrontends: Angular, Module Federation and DevExtreme/DevExtreme-Angular

Uncaught Type Error: Failed to resolve module specifier "module". Relative references must start with either "/", "./", or "../"

Uncaught Type Error Failed to resolve module specifier module and How to Fix It This error message Uncaught Type Error Failed to resolve module specifier module

3 min read 30-08-2024 51
Uncaught Type Error: Failed to resolve module specifier "module". Relative references must start with either "/", "./", or "../"
Uncaught Type Error: Failed to resolve module specifier "module". Relative references must start with either "/", "./", or "../"