Insights from a Frontend Team Growth Talk: Foundations, Core Factors, and Highlights

Preface

The frontend technology sharing session, organized by the Zhengcai Cloud frontend team (ZooTeam), invited Winter (Cheng Shaofei) in October 2019 to discuss how to grow a frontend team. The notes capture his key ideas despite some omissions.

Speaker Introduction

Winter (Cheng Shaofei) has worked at Microsoft, Shanda, and Alibaba, where he led the mobile Taobao frontend team and contributed to cross‑platform solutions such as Weex. He is also the author of the "Re‑learning Frontend" series on GeekTime.

Frontend Team Demand Model

The model visualizes the roles and relationships within a frontend team from both the company’s and the employee’s perspectives, emphasizing the importance of the team leader, resource allocation, employee growth, technical contribution, and business value.

Foundations – Quality and Efficiency

Toolchain

Building a dedicated toolchain involves integrating multiple tools for initialization, running, testing, and publishing, and establishing a data‑driven feedback loop to continuously optimize commonly used tools.

Automation is highlighted as the most powerful tool for developers, echoing Scott Hanselman’s and Werner Vogels’ statements about building and running your own software.

Continuous Integration

Continuous Integration (CI) combines Daily Build and BVT, merging developers’ work multiple times per day to reduce waiting time, eliminate repetitive tasks, and improve product quality through automated testing, code review, and rule checks.

Reduces waiting time across development, integration, testing, and deployment.

Automates repetitive labor, allowing higher integration frequency.

Improves product quality via automated code review and quality checks.

Modern frontend projects adopt CI practices such as Check‑in Build, Lint, and Rule Checks to automate testing, packaging, and deployment.

Technical Architecture

A high‑reuse architecture addresses complexity from large‑scale requirements. It consists of libraries, components, modules, a visual building system, and a full‑stack solution, all guided by the principles of “future‑oriented” and “scenario‑oriented”.

Libraries: reusable code snippets (e.g., URL parsing, AJAX wrappers).

Components: UI elements reused across pages (e.g., carousel, tabs).

Modules: plug‑and‑play business modules such as login.

Building system: visual and modular page assembly using drag‑and‑drop.

Full‑stack solution: framework and component system aligned with future and scenario needs.

Core – Business Value

Beyond technical excellence, a frontend team must deliver business value. Data‑driven thinking involves analyzing metrics, setting goals, collecting data, building dashboards, iterating solutions, and conducting post‑project retrospectives.

Data‑Driven Thinking Methodology

Analyze business, define goals, collect data, build visualization, devise technical solutions, pilot, scale, and finally review outcomes.

Taobao Detail Page Optimization Story

Performance improvements (reducing page load time) directly increased traffic and conversion, demonstrating the strong link between speed and business metrics such as the “1‑second rule” for different network conditions.

Highlights – Technology‑Driven Innovation

Weex was used in the Double‑11 shopping festival to power mobile main‑stage pages, showcasing how cross‑platform solutions can enable rapid, high‑impact development.

Weex History

Weex is a high‑extension cross‑platform solution inspired by React Native and Vue, initially built by a small team and later scaled to dozens of engineers.

Weex Business Value

Weex delivered open‑source PR, native‑like performance for large promotions, and proved its robustness under high‑traffic scenarios.

Conclusion

From a company perspective, a frontend team’s value is measured by quality, efficiency, and especially business impact; exceptional teams can also drive industry innovation.

Recruitment

The Zhengcai Cloud frontend team (ZooTeam) in Hangzhou is looking for passionate engineers. If interested, send your resume to [email protected] .