ByteDance ADFE Team
Author

ByteDance ADFE Team

Official account of ByteDance Advertising Frontend Team

32
Articles
0
Likes
80
Views
0
Comments
Recent Articles

Latest from ByteDance ADFE Team

32 recent articles
ByteDance ADFE Team
ByteDance ADFE Team
Jul 28, 2021 · Frontend Development

Why Use TypeScript? Benefits, Setup, and Type Definitions for React Development

This article explains the drawbacks of weakly‑typed JavaScript, outlines the advantages of adopting TypeScript, and provides practical guidance on configuring ESLint, Prettier, tsconfig, and React component typings—including hooks, event handling, and generic utilities—to improve code quality and developer productivity.

ESLintGenericsPrettier
0 likes · 14 min read
Why Use TypeScript? Benefits, Setup, and Type Definitions for React Development
ByteDance ADFE Team
ByteDance ADFE Team
Jul 21, 2021 · Frontend Development

Introducing OKee Mobile: An Open‑Source Vue Mobile Component Library with Theming Capabilities

The article presents OKee Mobile, an open‑source Vue‑based mobile component library that offers 36 customizable components, a comprehensive design‑token system, compile‑time and runtime theming via Less variables, and detailed code examples for developers seeking a flexible UI solution for both ToC and ToB scenarios.

Component LibraryThemingVue
0 likes · 7 min read
Introducing OKee Mobile: An Open‑Source Vue Mobile Component Library with Theming Capabilities
ByteDance ADFE Team
ByteDance ADFE Team
Jul 9, 2021 · Operations

From Ad‑hoc Deployment to Standardized SRE Practices: Definitions, Responsibilities, Metrics and Alerting

The article traces the evolution from a rudimentary deployment workflow in a small startup to a mature, Google‑inspired Site Reliability Engineering (SRE) approach, explaining SRE definitions, team duties, error‑budget concepts, key reliability metrics (SLI/SLO/SLA), monitoring implementation with OpenTSDB, and best‑practice alerting rules.

Error BudgetSLISLO
0 likes · 7 min read
From Ad‑hoc Deployment to Standardized SRE Practices: Definitions, Responsibilities, Metrics and Alerting
ByteDance ADFE Team
ByteDance ADFE Team
May 13, 2021 · Frontend Development

CSS‑in‑JS in React: Problems with Traditional CSS, Various Styling Approaches and Comparison of Popular Solutions

The article explains why traditional global CSS is problematic for component‑based development, reviews several ways to write styles in React—including BEM‑constrained classNames, inline styling, CSS Modules and css‑loader—then introduces CSS‑in‑JS concepts, demonstrates the Emotion library, compares popular packages and offers practical recommendations for choosing a styling solution.

CSS ModulesEmotionFrontend
0 likes · 15 min read
CSS‑in‑JS in React: Problems with Traditional CSS, Various Styling Approaches and Comparison of Popular Solutions
ByteDance ADFE Team
ByteDance ADFE Team
May 12, 2021 · Frontend Development

Understanding Recoil: Solving State Management Challenges in React

This article explains the origins of Recoil, why existing tools like Redux, React's built‑in state, and Context fall short for complex shared and derived state scenarios, and how Recoil's atom‑selector architecture, including async selectors and application‑level state observation, addresses flexibility, performance, and robustness in modern React applications.

AtomReactRecoil
0 likes · 8 min read
Understanding Recoil: Solving State Management Challenges in React