Tagged articles
6 articles
Page 1 of 1
ByteFE
ByteFE
Apr 15, 2022 · Frontend Development

Curated Technical Reads: React Ecosystem, High‑Concurrency Coupon System, WebIDE, Front‑End Standards, and More

This curated collection highlights recent React ecosystem insights, a step‑by‑step guide to building a 100k QPS coupon system, techniques for creating a lightweight WebIDE, strategies for establishing front‑end standards, plus productivity habits, the Rust 2024 roadmap, React mind‑maps, open‑source programming books, and a new JavaScript sandbox using ShadowRealm.

ReactRust RoadmapWebIDE
0 likes · 4 min read
Curated Technical Reads: React Ecosystem, High‑Concurrency Coupon System, WebIDE, Front‑End Standards, and More
Rare Earth Juejin Tech Community
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.

Frontend ArchitectureMicro FrontendsModule Federation
0 likes · 56 min read
Micro Frontend Architecture and Implementation with Qiankun: Principles, Practices, and Advanced Topics
JD Retail Technology
JD Retail Technology
Feb 22, 2021 · Frontend Development

Micro Frontends: Concepts, Implementation, and Lessons from the Shangling Project

This article explains the concept of micro frontends, why they are needed, their core principles such as technology‑agnostic integration, centralized routing, isolation, communication, version management and performance, and details a real‑world implementation using the qiankun framework in the Shangling project, including code snippets and future challenges.

Frontend ArchitectureIntegrationMicro Frontends
0 likes · 22 min read
Micro Frontends: Concepts, Implementation, and Lessons from the Shangling Project
Taobao Frontend Technology
Taobao Frontend Technology
Jan 11, 2021 · Frontend Development

Why Atom Fell and How Figma’s Plugin Sandbox Redefines Web Editor Architecture

This article examines the decline of traditional web editors like Atom, compares them with VS Code, explores Figma’s JavaScript‑based plugin system and its sandbox mechanisms—including Realm, Duktape, and Web Workers—while discussing broader JavaScript sandboxing techniques and CSS isolation strategies for modern front‑end applications.

Figmaeditor comparisonjavascript sandbox
0 likes · 15 min read
Why Atom Fell and How Figma’s Plugin Sandbox Redefines Web Editor Architecture
Alibaba Terminal Technology
Alibaba Terminal Technology
May 19, 2020 · Frontend Development

How to Build a JavaScript Sandbox for Micro‑Frontend Applications

This article explains why sandboxing is essential in micro‑frontend systems, compares single‑instance and multi‑instance scenarios, and provides step‑by‑step implementations of JavaScript and CSS isolation using iframe‑based proxies, PostCSS namespace wrapping, and reusable APIs from the open‑source ConsoleOS project.

Frontend Architecturecss isolationiframe proxy
0 likes · 12 min read
How to Build a JavaScript Sandbox for Micro‑Frontend Applications
AntTech
AntTech
Aug 26, 2019 · Frontend Development

Micro Frontends: Value, Architecture, and Practical Implementation with Single‑spa and Qiankun

This article explains the benefits of micro‑frontend architecture for large‑scale backend applications, compares MPA and SPA approaches, discusses routing, entry formats, module loading, style and JavaScript isolation techniques, and presents a production‑ready solution built with single‑spa and the open‑source qiankun framework.

Frontend ArchitectureMicro Frontendsjavascript sandbox
0 likes · 15 min read
Micro Frontends: Value, Architecture, and Practical Implementation with Single‑spa and Qiankun