1 views collected around this technical thread.
This article explains the concept of code splitting in Next.js, describes how automatic page-level splitting and dynamic imports reduce initial bundle size, and provides practical code examples that demonstrate improved load times and better user experience for modern web applications.
This guide explains the differences between Python's import statements—including "import X", "from X import Y", and "from X import *"—covers dynamic imports with __import__, sys.path handling, PYTHONPATH, PEP8 import ordering, __all__ usage, and the role of __name__ in module execution, helping you write cleaner, conflict‑free code.
This article explains how to organize, import, dynamically load, batch import, and lazily load images in Vue 3 + Vite applications, covering static assets, CSS references, template usage, URL handling, import.meta.glob, and common pitfalls with path aliases.
By using code splitting and dynamic imports, React developers can break large bundles into on‑demand chunks—loading only needed libraries, components, or routes after user actions—thereby shrinking initial download size, speeding up first render, and delivering a more responsive, scalable application.
This article presents advanced Next.js techniques—including dynamic imports, CDN asset publishing, server‑side caching, Incremental Static Regeneration, and custom server integration for WebSockets—to help developers build faster, more scalable, and performance‑optimized web applications.
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.
This article explains the ES2020 optional chaining (?.) and dynamic import() features, showing their syntax, practical code examples, compatibility notes, and how they simplify JavaScript code while improving web application performance.
The article presents Jiang Hongwei’s GMTC talk on 58RN’s instant‑open strategy, detailing performance metrics, LCP‑based first‑screen measurement, identified bottlenecks, and a series of optimizations—including resource pre‑loading, bundle splitting, native parallel fetching, and dynamic import—that collectively reduce page load time and improve business conversion rates.
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.
This article explains how React.lazy and Suspense enable on‑demand component loading, describes the underlying webpack dynamic import mechanism, shows how to configure fallback UI and error boundaries, and provides practical code examples for modern frontend performance optimization.