css isolation | BestHub

ByteFE

Nov 7, 2022 · Frontend Development

Micro Frontends: Concepts, Implementation Strategies, and Technical Details

Micro frontends decompose large monolithic front‑end applications into independent, technology‑agnostic sub‑apps, detailing their background, advantages, suitable scenarios, and various implementation approaches—including MPA, server‑side composition, build‑time and runtime composition with module federation, iframe, JS sandbox, CSS isolation, and routing techniques.

JS Sandboxcss isolationfrontend architecture

0 likes · 22 min read

Micro Frontends: Concepts, Implementation Strategies, and Technical Details

Rare Earth Juejin Tech Community

Oct 12, 2022 · Frontend Development

Implementing a Simple Micro‑Application Loader with Qiankun: Code Walkthrough and Sandbox Isolation

This tutorial demonstrates how to build a lightweight function that loads a micro‑application by fetching its HTML, converting external CSS links to inline styles, applying scoped CSS isolation, executing JavaScript within a snapshot sandbox, and discusses entry‑point handling, isolation limitations, and routing integration.

Frontend DevelopmentJavaScriptSandbox

0 likes · 13 min read

Implementing a Simple Micro‑Application Loader with Qiankun: Code Walkthrough and Sandbox Isolation

Rare Earth Juejin Tech Community

Mar 1, 2022 · Frontend Development

Micro Frontend Architecture and Implementation with Qiankun: Principles, Practices, and Advanced Topics

This comprehensive guide explains micro‑frontend concepts, the core principles of independent development, deployment and runtime, compares various implementation options, and provides detailed step‑by‑step instructions for using Qiankun—including registration, lifecycle hooks, routing strategies, sandbox isolation, CSS scoping, resource sharing, inter‑app communication, memory management, and deployment workflows—targeted at modern frontend engineers.

RoutingVuecss isolation

0 likes · 56 min read

Micro Frontend Architecture and Implementation with Qiankun: Principles, Practices, and Advanced Topics

ByteFE

Jul 6, 2021 · Frontend Development

Micro‑Frontend Architecture Overview, Practices, and Sandbox Isolation

This article provides a comprehensive overview of micro‑frontend concepts, typical system components, governance and development tooling, runtime container responsibilities, various sandbox isolation techniques (including snapshot, Proxy, iframe, Realms, and Shadow DOM), and practical considerations such as technical debt and migration strategies.

Sandboxcss isolationfrontend architecture

0 likes · 26 min read

Micro‑Frontend Architecture Overview, Practices, and Sandbox Isolation