ByteFE
Author

ByteFE

Cutting‑edge tech, article sharing, and practical insights from the ByteDance frontend team.

343
Articles
0
Likes
894
Views
0
Comments
Recent Articles

Latest from ByteFE

100 recent articles max
ByteFE
ByteFE
Jan 30, 2023 · Frontend Development

Introduction to Rescript

This article introduces Rescript, a JavaScript dialect, highlighting its robust type system, immutable data structures, variant types, pattern matching, and integration with React.

0 likes · 16 min read
Introduction to Rescript
ByteFE
ByteFE
Jan 15, 2023 · Frontend Development

Curated Technical Articles: State of JS 2022, React 18, ESLint, TensorFlow.js, Vue Review, Nix Packaging, Image Compression, Hexagon Animation

This collection highlights recent technical articles and tutorials covering the State of JS 2022 survey, new features and pitfalls in React 18, ESLint internals, TensorFlow.js usage in WebRTC, Vue 2022 review, Nix packaging for npm projects, front‑end image compression techniques, and a CSS hexagon animation.

0 likes · 5 min read
Curated Technical Articles: State of JS 2022, React 18, ESLint, TensorFlow.js, Vue Review, Nix Packaging, Image Compression, Hexagon Animation
ByteFE
ByteFE
Jan 9, 2023 · Frontend Development

Understanding JavaScript Date Handling and Comparing Popular Date Libraries

This article examines why native JavaScript Date falls short for time handling, explains time measurement standards and time zones, and compares four major date libraries—MomentJS, DayJS, date-fns, and native Date—highlighting their advantages, drawbacks, and appropriate usage scenarios.

DayjsJavaScriptMomentJS
0 likes · 12 min read
Understanding JavaScript Date Handling and Comparing Popular Date Libraries
ByteFE
ByteFE
Dec 28, 2022 · Frontend Development

Understanding Web Components: Features, Lifecycle, and Integration with Modern Frameworks

This article explains what Web Components are, details their core features such as Custom Elements, Shadow DOM, and HTML templates, demonstrates practical usage with React, Vue, and micro‑frontend scenarios, compares them to traditional frameworks, and discusses advantages, limitations, and related tools like Lit and Omi.

JavaScriptShadow DOMcustom elements
0 likes · 57 min read
Understanding Web Components: Features, Lifecycle, and Integration with Modern Frameworks
ByteFE
ByteFE
Dec 26, 2022 · Frontend Development

Design and Implementation of SpriteJS: A Cross‑Platform WebGL/Canvas2D Rendering Engine

This article details the four‑year development of SpriteJS, a high‑performance, cross‑platform graphics system that supports WebGL and Canvas2D rendering, DOM‑like APIs, responsive design, WebWorker integration, and extensive performance optimizations for visualisation and game applications.

Canvas2DGraphicsPerformance
0 likes · 18 min read
Design and Implementation of SpriteJS: A Cross‑Platform WebGL/Canvas2D Rendering Engine
ByteFE
ByteFE
Dec 25, 2022 · Frontend Development

Curated Technical Articles on Frontend Development, Low‑Code Collaboration, Browser Caching, and More

This collection presents curated technical articles covering low‑code multi‑branch collaborative development, comprehensive front‑end state management, hands‑on browser cache exploration, intranet penetration principles, advanced CSS Houdini techniques, front‑end mock data strategies, React ref fundamentals, and performance‑focused foreign reads.

Browser CacheCSS HoudiniReAct
0 likes · 6 min read
Curated Technical Articles on Frontend Development, Low‑Code Collaboration, Browser Caching, and More
ByteFE
ByteFE
Dec 21, 2022 · Frontend Development

Evolution and Best Practices of Remote Debugging for Mobile and Hybrid Web Applications

This article comprehensively explores the evolution, underlying principles, and practical implementations of remote debugging for mobile and hybrid web applications, comparing historical tools like Weinre with modern solutions, analyzing USB and Wi-Fi transport mechanisms for Android and iOS, and providing actionable best practices for developers.

Chrome DevTools ProtocolDebugging ToolsHybrid Applications
0 likes · 14 min read
Evolution and Best Practices of Remote Debugging for Mobile and Hybrid Web Applications
ByteFE
ByteFE
Dec 16, 2022 · Frontend Development

Curated Technical Insights: Vite 4 Release, Overdesign Pitfalls, Node.js Automation, React Native Monorepo, Chrome Memory/Energy Modes, First Principles Thinking, WebRTC Face Recognition, JavaScript Best Practices, and Web Workers

This newsletter presents a collection of technical articles covering the Vite 4 release, the dangers of over‑design, building Node.js automation workflows, React Native monorepo practices, Chrome's memory and energy saver modes, first‑principles thinking for engineers, WebRTC face‑recognition implementation, JavaScript best practices, and an overview of Web Workers.

JavaScriptNode.jsReact Native
0 likes · 8 min read
Curated Technical Insights: Vite 4 Release, Overdesign Pitfalls, Node.js Automation, React Native Monorepo, Chrome Memory/Energy Modes, First Principles Thinking, WebRTC Face Recognition, JavaScript Best Practices, and Web Workers