module-loading | BestHub

Beijing SF i-TECH City Technology Team

May 30, 2024 · Frontend Development

Micro‑Frontend Architecture for a Supply‑Chain System Using Single‑SPA

The article describes how a monolithic supply‑chain front‑end was refactored into a micro‑frontend architecture based on Single‑SPA, detailing the background problems, requirements, technical selection, system design, service discovery, module loading, message bus, data sharing, build and deployment, and the resulting performance improvements.

Reduxfrontend architecturemicro-frontend

0 likes · 13 min read

Micro‑Frontend Architecture for a Supply‑Chain System Using Single‑SPA

Rare Earth Juejin Tech Community

Aug 18, 2023 · Frontend Development

Why We Need Mini Programs, Micro‑Frontends, and Module Loading: A Technical Reflection

The article explores the motivations behind mini programs, micro‑frontends, and module loading, comparing their technical advantages, business implications, and ecosystem challenges while questioning whether these solutions truly address core problems or merely serve as market‑driven silver bullets.

Web Architecturefrontendmicro-frontend

0 likes · 19 min read

Why We Need Mini Programs, Micro‑Frontends, and Module Loading: A Technical Reflection

DaTaobao Tech

Sep 26, 2022 · Backend Development

Deep Dive into Node.js CJS Module Loading Process

The article dissects Node.js v17’s source to reveal how the CommonJS `require` system is bootstrapped, how native modules are loaded, how `Module._load` resolves, caches, and executes user files, and how the overall CJS loading pipeline operates step‑by‑step.

CJSNode.jsRequire

0 likes · 15 min read

Deep Dive into Node.js CJS Module Loading Process

NetEase Cloud Music Tech Team

Jun 30, 2022 · Mobile Development

Implementing Dynamic Imports in React Native: A Deep Dive into Metro Bundler

This article explains how to customize Metro bundler to support dynamic imports in React Native, detailing a split‑and‑combine build process that isolates async modules, deduplicates code, and loads bundles on demand, thereby shrinking app size and avoiding the drawbacks of multi‑business package architectures.

JavaScriptMetro bundlerReact Native

0 likes · 14 min read

Implementing Dynamic Imports in React Native: A Deep Dive into Metro Bundler

DaTaobao Tech

Feb 28, 2022 · Frontend Development

Understanding ESModule Loading and Execution Process

ESModules load by fetching and parsing files to build a static dependency graph, then instantiate bindings before evaluating each module depth‑first, which ensures deterministic execution, enables concurrent loading and TreeShaking, and explains why circular imports can cause temporal‑dead‑zone ReferenceErrors when exported variables are accessed before initialization.

Circular DependencyESModuleFront-end

0 likes · 10 min read

Understanding ESModule Loading and Execution Process

Sohu Tech Products

Nov 18, 2020 · Frontend Development

Building a Front‑End JavaScript Module Executor Using Node's Module._compile Logic

This article explains how to dynamically load and execute a CommonJS‑style JavaScript module in a browser by reproducing Node's internal Module._compile workflow, creating a sandbox with with, Proxy, and Symbol.unscopables, and providing a complete ES6 class implementation with examples.

JavaScriptNode.jsSandbox

0 likes · 11 min read

Building a Front‑End JavaScript Module Executor Using Node's Module._compile Logic