前端组件为何难以复用？ui-model跨框架复用之道

编者按

作者介绍：汪志成，ThoughtWorks 高级咨询师，Web 领域的 Google 开发技术专家（GDE），Angular 中文官网译者之一。与人合著了原创书籍《AngularJS 深度剖析与最佳实践》，并即将出版译著《Angular 权威指南》（ng-book2）。

当前，各种功能相似而又互不兼容的前端框架层出不穷，你是否为此感到困惑？你的应用系统是否常在维持现状和用新技术重写之间摇摆？你是否觉得自己做了越来越多低价值的重复劳动？这时候，你需要一种框架中立的技术方案。它能让你保护现有投资，在多种框架之间进退自如。是的，你需要 ui-model。

ui-model 是一种设计思想，它的核心是把 SoC 发挥到极致，通过深入思考“什么是界面”，来剥离所有非核心的关注点，抽取出纯粹的交互逻辑。这让它得以中立于 JS 框架，也中立于 CSS 框架。本次在 QCon 北京 2017 的演讲带大家一步步走入了 ui-model 的世界，你会发现，在 ui-model 的支持下，应用代码会得到大幅简化，可读性也显著提升。

演讲视频

https://v.qq.com/txp/iframe/player.html?vid=h0519ci2vmn&width=500&height=375&auto=0

幻灯片

---

往期精彩演讲：

---

QCon 上海 2017

一年一度的 QCon 上海 2017 大会将于 10 月 17-19 日在上海宝华万豪酒店召开，下面是您可能感兴趣的话题：

《TypeScript 的发展进程》

Movoto 前端工程师 吴名扬

在横向上，将会比较 TypeScript 与其他 AltJS 的异同，归纳出 TypeScript 的设计理念和语言特色。在纵向上，演讲会回顾 TypeScript 自 1.0 正式版到如今 2.4 版本中逐渐增加的特性，我们会看到 TypeScript 是如何慢慢进化出一套为 JavaScript 度身定制的类型系统。TS 的成功除了独特设计外也离不开她稳固的实现。我们会一同回顾 TS 逐步增加的语言功能：包括自动类型定义获取，语言服务插件，代码生成转换器等等。通过 TypeScript，我们能看到现代编程语言在设计与实现的些许经验。

更多信息请点击“阅读原文”关注 QCon 上海 2017。

除此之外，本次大会还邀请到了硅谷人工智能技术，软件性能，架构，互联网金融，前端，运维，移动，安全，创业，微服务，产品，以及团队管理等众多领域的技术专家，来分享他们的技术实践和经验总结，详情请点击阅读原文查看。