Boosting Frontend Efficiency: Meituan’s Node.js, React, and Engineering Automation Insights

Theme 1: Node.js Business Application and Service Monitoring

Meituan has long used Node.js, with over 80% of its hotel‑related frontend projects built on a Node.js front‑back separation architecture covering user, merchant, H5, and PC systems. To address scaling challenges, the team introduced the AWP static publishing system and Docker‑based distributed builds, boosting development and deployment efficiency. At peak load the service handled roughly 24 million requests, supported by more than 50 servers. For operations, they created an open‑source monitoring solution called PM25, which helped locate and resolve memory leaks and CPU spikes.

Speaker: Guo Kai – Technical manager of Meituan Hotel frontend, author of JavaScript maintenance books, and enthusiast of Node.js and mobile development.

Theme 2: H5 Online Publishing Platform Dpub

Dong Hongping from Didi explained three pain points with existing platforms: complex UI, manual data publishing, and lack of business‑specific customization. Dpub was built with a lightweight Express backend and a React‑based frontend that reuses the editor and builder, handles page data serialization/deserialization, and integrates with internal systems for one‑click deployment, automatic statistics, and in‑app sharing. The platform launched in December of the previous year and has generated significant business value for Didi.

Speaker: Dong Hongping – Senior frontend engineer at Didi, responsible for frontend efficiency and architecture, and lead designer of the Dpub platform.

Theme 3: Frontend Engineering Practices

Frontend engineering—standardizing processes, tools, and experience—has become essential for maintaining speed and cost efficiency amid rapid product iteration. Meituan adopts Cortex and Yeoman as scaffolding tools; Yeoman is chosen for its low learning curve, npm‑package reuse, and dedicated maintenance. The front‑back separation model relies on CommonJS, React componentization, CI pipelines, automated testing, and one‑click release/rollback, allowing developers to focus on business logic.

Key take‑aways shared with the audience included avoiding busywork, prioritizing sustainable solutions early, and continuously summarizing and learning from past projects.

Speaker: He Jun – Frontend engineer at Meituan‑Dianping, responsible for account and M‑site services, mobile performance optimization, and frontend engineering.

Theme 4: Front‑Back Integration Solution (Vane)

While front‑back separation reduces coupling, it introduces API integration challenges. Meituan built the Vane system after collaborating with cloud‑computing, cloud‑disk, Maoyan, and Eleme teams. Developers define an API once in Markdown, and Vane automatically generates documentation, mock data, unit tests, and workflow controls. Vane’s design mimics GitHub/Git with a client‑server (CS) architecture, works offline, and offloads computation to clients.

Speaker: Lv Wei – Senior engineer in Meituan‑Dianping’s technical engineering department, focusing on foundational libraries, automation, and serving as a Node.js consultant.

Community Interaction

The event featured an active Q&A session, and a dedicated WeChat group was created for ongoing frontend knowledge exchange, allowing speakers to continue answering questions and fostering a vibrant technical community.