Tagged articles
5 articles
Page 1 of 1
ELab Team
ELab Team
Oct 14, 2022 · Frontend Development

How to Prevent CSS Conflicts in Micro‑Frontends with Garfish and Shadow DOM

This article explains why class name and global element style conflicts occur in micro‑frontend architectures, and presents two main strategies—style naming with priority rules and host‑environment isolation using Shadow DOM or Garfish runtime plugins—to achieve reliable CSS isolation across parent and child applications.

CSSGarfishMicro Frontends
0 likes · 11 min read
How to Prevent CSS Conflicts in Micro‑Frontends with Garfish and Shadow DOM
ByteFE
ByteFE
Oct 12, 2021 · Frontend Development

Micro Frontend Architecture and Garfish Solution Overview

This article explains the background, challenges, and design of micro‑frontend architecture, introduces the Garfish open‑source solution with its three‑layer structure, and details core runtime components such as loader, sandbox, router, and store, while discussing advantages, drawbacks, and best‑practice integration with modern web frameworks.

Frontend ArchitectureGarfishRouter
0 likes · 32 min read
Micro Frontend Architecture and Garfish Solution Overview
ByteDance Terminal Technology
ByteDance Terminal Technology
Sep 30, 2021 · Frontend Development

Micro-Frontends: Background and Solutions

This article discusses the background and significance of micro-frontends, a modern architecture for large-scale web applications, and introduces Garfish as a widely adopted solution in the industry.

Frontend ArchitectureGarfish
0 likes · 30 min read
Micro-Frontends: Background and Solutions
ByteDance Web Infra
ByteDance Web Infra
Sep 30, 2021 · Frontend Development

Micro‑Frontend Architecture and Garfish Solution Overview

This article explains the background, significance, and challenges of large‑scale web applications, introduces micro‑frontend concepts, compares SPA and MPA approaches, and details the Garfish three‑layer architecture, sandbox designs, routing strategies, deployment platform, and best practices for building enterprise‑grade micro‑frontend systems.

Frontend ArchitectureGarfishRouter
0 likes · 35 min read
Micro‑Frontend Architecture and Garfish Solution Overview