Cutting‑edge tech, article sharing, and practical insights from the ByteDance frontend team.
This article explores the evolution, core principles, and comparative analysis of frontend build tools—from early YUI/Ant and AMD/CMD to modern solutions like Webpack, Rollup, esbuild, and Vite—detailing their functionalities, implementations, performance considerations, and common challenges for developers.
This article provides an in‑depth technical overview of React Router v6, covering client‑side routing modes (Hash and History), the library’s file structure, core architecture, key components such as BrowserRouter, Route, useRoutes, and common hooks like useLocation, useNavigate, useParams, illustrating their implementations with code snippets and diagrams.
This article details how to recreate the Flash programming game 'Manufactoria' as a web-based puzzle by implementing its UI with HTML and CSS and its logic with JavaScript, covering component definitions, grid layout, robot movement, state handling, level loading, and local storage persistence.
This article explains how TypeScript’s type system works, why the any type is unsafe, how to convert any to the top‑level unknown type for safer code, and demonstrates practical patterns such as subtype reasoning, nominal vs structural typing, and type‑safe wrappers using runtime checks.
This article provides a detailed overview of Babel, covering its definition, history, installation, configuration, core compilation phases, plugin and preset mechanisms, polyfill handling, and a step‑by‑step example of creating a custom try‑catch plugin for JavaScript code transformation.
This article explains the fundamentals of ESLint, including its purpose, configuration files, AST-based analysis, the SourceCode abstraction, rule template creation, key functions, and the overall linting and fixing workflow, enabling developers to build custom linting plugins for consistent code style.
This article explains why passing an object as a React Context Provider value can cause unnecessary re‑renders, introduces the community‑made use‑context‑selector library to mitigate the problem, analyzes its limitations, and presents a custom optimized implementation using useSyncExternalStore for precise component updates.
This article explains essential front‑end performance metrics such as FP, FCP, LCP, TTI, FID, TBT and CLS, and provides a comprehensive set of network, code, CSS, image, and build‑time optimization techniques—including gzip, HTTP/2, lazy loading, SSR, debouncing, and tree‑shaking—to dramatically shorten white‑screen time and improve user experience on H5 pages.
This collection presents a range of front‑end development insights, including ByteDance’s monitoring practices, low‑code product considerations, DeepKit’s TypeScript runtime capabilities, emerging 2023 trends, web development forecasts, the need for diverse JavaScript frameworks, markdown‑to‑PPT tools, and Vue 3 table performance optimizations.
This article explains what Progressive Web Apps (PWAs) are, outlines their key characteristics such as cross‑device adaptability, fast loading, offline capability, security and installability, and discusses real‑world examples, Chinese market challenges, and the potential of PWA games.
