How Gaode’s Front‑End Team Scaled from 5 to 100+ Engineers in 5 Years

From 2015 to 2020, Gaode Maps' application development front‑end team expanded rapidly, evolving from a small group focused on short‑term operational activities to a 100‑plus‑person team covering five major business lines and hundreds of modules.

2015 – The First Spark

With a surge in user‑acquisition activities, the front‑end team entered the spotlight, handling numerous short‑cycle events that required rapid delivery and minimal maintenance.

Componentization: built reusable activity components with product teams.

Templating: introduced a puzzle‑style templating system for simple pages.

Workflow automation: created a CLI to accelerate development pipelines.

These foundational efforts enabled the team to respond quickly to hot events and reduce repetitive work.

2016‑2017 – Dynamic Rendering Emerges

Business growth demanded faster releases and cross‑platform consistency, prompting the creation of a custom dynamic rendering engine. The team evaluated React Native, Yoga, native layouts, and ultimately built a C++‑based engine that leveraged HTML, CSS, and JavaScript while providing native‑like performance.

Key design principles:

Thin native layer, heavy logic in the dynamic engine.

Engine built on WebKit and Node concepts for file operations and native interaction.

Optimization included observer‑pattern‑based linked animations that batch UI updates for smoother interaction.

2017‑2019 – Scaling the “Big Front‑End”

Successful POI (Point of Interest) projects proved the stability of the dynamic solution, leading to rapid expansion: codebase grew from 30 k to 600 k lines, modules increased from 1 to over 60, and team size exploded.

Challenges addressed:

Collaborative development across diverse industry modules.

Debugging at scale via a web SDK and mock environment.

Infrastructure improvements introduced IDE integration, automated release pipelines, and monitoring tools.

2019‑Present – Consolidating Infrastructure and Future Directions

The team now focuses on five pillars: fine‑grained problem solving, standardization, differentiated extensions for Amap, low‑code/AI‑driven automation, and middle‑platformization of common front‑end capabilities.

Future work includes stabilizing toolchains, enhancing platform middle‑platform services, full‑stack monitoring, material libraries for faster development, and deeper AI‑assisted low‑code solutions.

Overall, Gaode’s front‑end journey illustrates how a disciplined focus on efficiency, dynamic rendering, and scalable infrastructure can transform a small team into a robust “big front‑end” capable of supporting complex, high‑traffic map applications.