Author

ByteFE

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

343

Articles

Likes

894

Views

Comments

Latest from ByteFE

100 recent articles max

ByteFE

Apr 3, 2023 · Frontend Development

Understanding WebAssembly: Modules, Binary and Text Formats, and a Hands‑On Example

This article provides a comprehensive overview of WebAssembly, covering its core concepts such as modules, types, variables, functions, instructions, traps, tables, and linear memory, explains the binary module structure and sections, details the human‑readable text format with S‑expressions and lexical rules, and walks through a step‑by‑step example of writing, compiling, and invoking a simple WebAssembly module.

ModulesText FormatWebAssembly

0 likes · 27 min read

Understanding WebAssembly: Modules, Binary and Text Formats, and a Hands‑On Example

ByteFE

Apr 3, 2023 · Artificial Intelligence

Mastering Prompt Engineering: Building a CLI Command Translator with the ChatGPT API

This comprehensive tutorial demonstrates how to leverage the official ChatGPT API and advanced prompt engineering techniques to develop a command-line tool that translates natural language instructions into precise shell commands, covering iterative prompt design, constraint implementation, and Node.js integration.

AI toolsCLI DevelopmentChatGPT API

0 likes · 15 min read

Mastering Prompt Engineering: Building a CLI Command Translator with the ChatGPT API

ByteFE

Mar 29, 2023 · Frontend Development

An Introduction to WebAssembly: History, Advantages, and a Mandelbrot Demo

This article introduces WebAssembly, tracing its evolution from asm.js and NaCl to the modern binary format, outlines its performance, portability, and security benefits, and demonstrates its practical use by building a Mandelbrot set application with AssemblyScript and WebAssembly in the browser.

AssemblyScriptBrowserMandelbrot

0 likes · 20 min read

An Introduction to WebAssembly: History, Advantages, and a Mandelbrot Demo

ByteFE

Mar 29, 2023 · Frontend Development

Understanding Frontend Bundling, Module Systems, and the Rise of Bundle‑less Development

This article explains why frontend projects historically needed bundling, describes the evolution of module systems such as CommonJS, AMD, CMD, and ESM, compares bundlers like Webpack and Rollup, and introduces bundle‑less tools like Vite that leverage native ES modules to improve development experience and performance.

BundlelessModule SystemVite

0 likes · 13 min read

Understanding Frontend Bundling, Module Systems, and the Rise of Bundle‑less Development

ByteFE

Mar 27, 2023 · Cloud Native

WebAssembly (WASM) Usage Scenarios and Future Trends

This article surveys WebAssembly's diverse application scenarios—from accelerating browser apps and enabling sandboxed plugins to powering cloud‑native, edge, and blockchain workloads—while highlighting current adoption statistics, key examples, and future development directions.

Edge computingWebAssemblyblockchain

0 likes · 28 min read

WebAssembly (WASM) Usage Scenarios and Future Trends

ByteFE

Mar 22, 2023 · Fundamentals

Understanding URL Query Strings: Encoding, Libraries, and Best Practices

This article explains URL query string fundamentals, covering structure, percent-encoding, space handling, and compares JavaScript libraries qs, query-string, and URLSearchParams for parsing and stringifying query data in web and Node.js projects today.

JavaScriptNode.jsQueryString

0 likes · 18 min read

Understanding URL Query Strings: Encoding, Libraries, and Best Practices

ByteFE

Mar 20, 2023 · Frontend Development

Understanding the Proposed React “use” Hook: Design, Usage, and Limitations

This article explains the new React "use" hook proposal, covering its background, how to integrate it with Suspense, minimal examples, promise caching, control‑flow usage, design motivations, implementation details, limitations, and the surrounding community debate.

JavaScriptPromiseReAct

0 likes · 12 min read

Understanding the Proposed React “use” Hook: Design, Usage, and Limitations

ByteFE

Mar 15, 2023 · Frontend Development

2022 State of CSS and State of JS Survey: Key Findings, Trends, and Developer Pain Points

The 2022 State of CSS and State of JS surveys, which collected 14,310 CSS and 39,472 JavaScript responses, reveal demographic details, highlight rapidly adopted CSS features like flex gap, aspect‑ratio, and :has, showcase popular JavaScript language enhancements such as nullish coalescing and top‑level await, and expose developers' satisfaction, usage, and pain points across frameworks, tools, and browsers.

CSSJavaScriptSurvey

0 likes · 16 min read

2022 State of CSS and State of JS Survey: Key Findings, Trends, and Developer Pain Points

ByteFE

Mar 8, 2023 · Fundamentals

Inversion of Control and Dependency Injection in JavaScript: InversifyJS and Theia Case Study

This article revisits the concepts of Inversion of Control and SOLID design principles within the JavaScript ecosystem, explains how InversifyJS implements IoC with TypeScript decorators, demonstrates practical steps to configure containers and bindings, and shows how Theia leverages these techniques for modular front‑end and back‑end architecture, while also discussing the benefits and limitations of IoC in modern web development.

InversifyJSInversion of ControlTypeScript

0 likes · 26 min read

Inversion of Control and Dependency Injection in JavaScript: InversifyJS and Theia Case Study

ByteFE

Mar 6, 2023 · Frontend Development

Deep Dive into npm, Yarn, and pnpm Dependency Management

This article explains how npm, Yarn, and pnpm manage JavaScript dependencies, detailing installation processes, flat vs nested node_modules structures, lock files, and the hard-link mechanism that improves speed and saves disk space.

YaRNdependency managementnpm

0 likes · 16 min read

Deep Dive into npm, Yarn, and pnpm Dependency Management