krisantuswanandi / mekar

Micro Frontend wannabe

Mekar

A so called "Micro Frontend", inspired by Mekari's Frontend Architecture.

Run the example apps

• Copy env example to their respective env file, env.production.example to env.production and env.development.example to env.development.
• Run bun run dev to start the example apps.
• Example apps consists of parent app and child app, both in their respective folder, parent and child.
• Use bun run dev --filter [app-name] to run each project individually.
• Parent app can be opened from localhost:8080.
• Open localhost:8080/child to see the child app running inside the parent app.
• Child app can still be opened separately from localhost:8081.

mekar's Issues

add example for remote app using react

or anything as long as it's spa

remote app can't use ssr

should reset the page's state when moving out from a remote app

currently, moving out from a remote app (changing pages) only removes <script> and <link> added by the remote app out of the document. The side effects caused by the remote app's scripts are still there. let's say you have a setInterval inside a remote app's script, it will run the interval when we open the remote app, and we're finally moving out from the remote app, the setInterval will still be running because removing <script> from a page doesn't stop the process created by that script. by the same reason, <style> added by the script won't be removed when we're removing the script. the only solution i can think of right now is using mpa for the host app, where it forces you to do full reload which then resets the page's state.