在互联网时代，为了提高软件的灵活性和开发效率，其后端逐渐微服务化，对应的前端如何跟上这一变化？近年来前端开发领域的技术演进很快，比起jQuery时代的传统技术，新兴前端技术会带来更好的用户体验、更高的开发效率，以及更系统的工程化能力。这类技术对全栈技术团队的健康成长也具有积极作用。这也为软件产品研发带来一个新挑战：如何在前后端架构全面演进过程中，保证前端技术栈的更新。

 FreeWheel的前端应用曾是基于Ruby On Rails的大型单体应用。两年前我们为了解决单体应用的局限性，开始将其改造为前后端分离的架构。其中后端的改造目标是基于Go语言的微服务，而前端部分则是基于React的SPA单页应用。在前端改造过程中，我们面临了新技术栈推广、新旧代码并存、质量保证、研发资源分配等多方面挑战，并最终克服了这些困难。这些案例对于面对类似挑战的听众，将具有较高的借鉴价值。

演讲提纲

•  适用于微服务体系的前端SPA架构；
• 自研前端框架SparkUI介绍；
• 新旧代码并存的渐进改造；
• 基于自动化测试的质量保证；
• 业务与技术共同推进的开发计划。

听众收益

• SPA架构能力；
• 新旧前端架构渐进改造能力；
• 前端自动化测试的重要性；
• 平衡业务和技术的计划方法论。