Building a Front-End Engineering Efficiency System to Speed Up Development

In 1995 Brendan Eich released the first version of a web scripting language, laying the foundation for modern front‑end development. With the rapid growth of internet technologies, massive front‑end applications such as Gmail and Tencent Docs have emerged, making front‑end engineering essential.

We invited Jay (Chen Chao), the front‑end lead of Tencent Classroom and a speaker at the 2020 IMWeb Conf, to share his experience in front‑end engineering.

IMWeb: Hello everyone.

Jay: Hello, I am Chen Chao, currently the front‑end lead of Tencent Classroom. In the 8th IMWeb CONF I will share “How to Build a Front‑End Engineering Efficiency System to Accelerate Development”. I will introduce the IMWeb team’s explorations and experiences in engineering efficiency.

IMWeb: How many IMWeb CONFs have you experienced?

Jay: After joining the team in 2016, I have participated in three IMWeb CONF events.

IMWeb: What advice do you have for fresh graduates entering front‑end development?

Jay: First strengthen the fundamentals, then learn the various frameworks. Fundamentals are the core knowledge; frameworks such as React and Vue are the techniques that can be mastered once the fundamentals are solid.

IMWeb: How do you define front‑end engineering?

Jay: Front‑end engineering originally emerged to solve problems like syntax compilation, code modularization, and build packaging through automation. As the front‑end scope expands, team size grows, collaboration complexity increases, and development shifts from agile to DevOps, engineering must consider the entire development lifecycle—from coding, integration, testing, to deployment—holistically.

Modern front‑end engineering should be a systematic solution covering modularization, componentization, full‑stack standards, CI/CD/CO, automated testing, workflow management, and quality monitoring, focusing on three pillars: standards, efficiency, and automation.

These practices improve development efficiency, reduce collaboration complexity, shorten development cycles, enhance delivery quality, and increase developer satisfaction.

IMWeb: How has the IMWeb team invested in engineering efficiency?

Jay: Since 2014, the IMWeb team has continuously explored engineering efficiency, establishing a dedicated efficiency squad that builds internal tools and platforms. Many of these tools have been open‑sourced and adopted by other front‑end teams such as ByteDance and NetEase.

IMWeb: What is your outlook for the future of engineering efficiency?

Jay: Development processes resemble an assembly line; low‑efficiency, labor‑intensive steps will be replaced by machines and intelligent workflows. Future engineering efficiency will be driven by AI, automating repetitive, low‑difficulty tasks such as AI‑assisted slicing, AI‑generated test cases, and automated testing.