Frontend Development 13 min read

ByteDance Dev Better Series: Web Development Efficiency and New Technology Practices – Event Summary

The June 25 ByteDance‑ByteDance Dev Better technical salon, co‑hosted with Huatai Securities, presented a series of front‑end engineering talks covering serverless web development, modern.js engineering, DevOps adoption, and practical Q&A, offering valuable insights and best‑practice recommendations for web developers.

ByteDance Web Infra
ByteDance Web Infra
ByteDance Web Infra
ByteDance Dev Better Series: Web Development Efficiency and New Technology Practices – Event Summary

On June 25, the ByteDance Infrastructure Developer Services team collaborated with Huatai Securities' front‑end team to host the "ByteDance Dev Better Series – Web Development Efficiency and New Technology Practices" live event. Speakers included ByteDance engineers Yang Shangbin and Xu Chao, Huatai senior front‑end engineer Tian You, and Cloud‑tech expert Yu Yi (CookieBoty), with special guests Ma Chong and Li Yubei.

Opening Remarks – Ma Chong

Ma Chong highlighted the diversification of front‑end business scenarios and the shift toward full‑stack web application development, emphasizing the need for integrated front‑end capabilities and the value of sharing cross‑company experiences.

"ByteDance Web R&D Towards Serverless" – Yang Shangbin

Yang discussed the evolution of web R&D, challenges of serverless adoption, and ByteDance's implementation details, including Docker‑less isolation using Workers, Go‑based gateway, CI/CD triggers, and the use of Cloudflare Workers for edge computing.

Docker is not rewritten; isolation is achieved via Workers.

Deployment can be triggered manually, via CI/CD platforms, repository triggers, or Open API.

Gateway is implemented in Go for better integration and flexibility compared to Nginx.

Automatic pipeline triggers are supported through GitLab Open API.

CSR web servers can proxy SSR to maintain availability.

Edge deployment is possible with lightweight FaaS workers.

For custom web servers, ByteDance recommends the open‑source https://github.com/cloudwego/hertz project.

Key operational considerations include sufficient capacity, elastic scaling, and rate‑limiting to prevent overload.

TOS is ByteDance's object storage service, similar to Alibaba Cloud OSS.

"Huatai Web Front‑End R&D Efficiency" – Tian You

Tian presented challenges faced by Huatai's front‑end team and their practical attempts to improve development efficiency, covering topics such as the relevance of Web3, internal high‑performance trading platforms, the role of jQuery, CLI‑plus‑platform initialization, component library openness, and low‑code platform integration.

Book Recommendations – Li Yubei

Li suggested four books for front‑end developers: "Vue.js Design and Implementation", "Computer Systems: A Programmer's Perspective (3rd Edition)", "JavaScript: The Good Parts", and "JavaScript: The Definitive Guide".

"Improving Development Efficiency with Modern.js" – Xu Chao

Xu introduced Modern.js as a comprehensive web engineering framework that abstracts compilation, deployment, testing, and code quality, offering monorepo support via Yarn or PNPM workspaces, changeset‑based release control, and seamless deployment to serverless or major cloud platforms.

"Implementing DevOps in a Mid‑Size Team" – Yu Yi (CookieBoty)

Yu shared strategies for quickly establishing DevOps pipelines, designing DevOps architecture, and building multi‑platform projects, emphasizing the use of Docker‑based CI/CD, standardized workflows to mask tool differences, and cache management for node_modules.

For access to the presentation slides, participants were invited to follow the "ByteDance Web Infra" public account and reply with the keyword "Front‑end Technical Salon PPT".

frontendperformanceServerlessdevopsWeb DevelopmentModern.js
ByteDance Web Infra
Written by

ByteDance Web Infra

ByteDance Web Infra team, focused on delivering excellent technical solutions, building an open tech ecosystem, and advancing front-end technology within the company and the industry | The best way to predict the future is to create it

0 followers
Reader feedback

How this landed with the community

login Sign in to like

Rate this article

Was this worth your time?

Sign in to rate
Discussion

0 Comments

Thoughtful readers leave field notes, pushback, and hard-won operational detail here.