https://github.com/zenekezene/micro-frontend-iframe

A simple example of micro-frontends using iframes.
https://github.com/zenekezene/micro-frontend-iframe

micro-frontends

Last synced: about 1 year ago
JSON representation

A simple example of micro-frontends using iframes.

• Host: GitHub
• URL: https://github.com/zenekezene/micro-frontend-iframe
• Owner: ZenekeZene
• Created: 2022-04-14T15:30:20.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2022-04-14T15:36:29.000Z (about 4 years ago)
• Last Synced: 2025-02-15T12:47:25.511Z (over 1 year ago)
• Topics: micro-frontends
• Language: JavaScript
• Homepage:
• Size: 2.93 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# micro-frontend-iframe

A example of micro-frontends using iframes.

- The first iframe uses Vanilla JS, and the domain is a catalog of products.

- The second iframe uses Vue as JS framework, and the domain is a cart of products.

We can send messages between iframes using [targetWindow.postMessage](https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage).

This simple system uses a EventBus concept to unify these contract.