Cutting‑edge tech, article sharing, and practical insights from the ByteDance frontend team.
This article explains React's internal update loop, the render and commit phases, default bailout optimizations, and how developers can accelerate rendering using techniques such as state lifting, content lifting, React.memo, useMemo, and useCallback while avoiding over‑optimization.
This article explains why JavaScript, despite being single‑threaded, needs asynchronous mechanisms such as the event loop, details macro‑ and micro‑tasks, compares browser and Node.js implementations, and demonstrates common pitfalls and best practices using callbacks, Promise, generator, and async/await patterns.
React 18 introduces Streaming SSR and Selective Hydration, enabling faster initial page rendering and more efficient hydration by only rendering necessary components.
This article explains the core concepts, architecture, and canvas implementation techniques of modern no‑code/low‑code building platforms, covering NCLC fundamentals, UIDL specifications, IOC modular design, drag‑and‑drop mechanics, smart snapping, multi‑selection, and event handling to improve development efficiency and user experience.
DataWind upgraded its data flow from dva to a new solution to resolve module coupling issues and enhance development experience.
This curated collection presents technical insights on plugin-based frontend design, high‑concurrency architecture, modern 3D web development, Next.js innovations, React Three Fiber particle effects, functional programming perspectives, a face‑api.js virtual avatar demo, and Base64 encoding fundamentals.
This article details the motivation, benefits, and technical implementation of refactoring the document parsing SDK from a monolithic design to a three‑layer architecture using Adapter, Decorator, and Proxy patterns, reducing code size by over 70% and improving extensibility for multiple document formats.
This article provides a comprehensive overview of JavaScript Promises, covering their definition, states, basic usage, error handling, chaining, common APIs, best practices, advanced scenarios such as preloading and cancellation, as well as manual implementation techniques, to help front‑end developers deepen their asynchronous programming skills.
This curated digest highlights recent technical advances such as Ant Design 5.0's new theming, GraphQL-based front‑back collaboration tools, Meituan's serverless front‑end platform, DNS and CDN fundamentals, GitHub Blocks, no‑code DevOps trends, the evolution of npm/yarn/pnpm, and modern CSS mask and clip‑path corner‑cutting techniques.
This article explains React17's event mechanism changes compared to React16, covering event propagation phases, binding methods like inline HTML, DOM0, and addEventListener, event delegation for efficient handling, and browser event differences.
