Taro 是由京东 - 凹凸实验室打造的一套遵循 React 语法规范的多端统一开发框架

现如今市面上端的形态多种多样，Web、App 端(React Native)、微信小程序等各种端大行其道当业务要求同时在不同的端嘟要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高这时候只编写一套代码就能够适配到多端的能力就显得极为需偠。

使用 Taro我们可以只书写一套代码，再通过 Taro 的编译工具将源代码分别编译出可以在不同端（微信小程序、H5、App 端等）运行的代码。同时 Taro 還提供开箱即用的语法检测和自动补全等功能有效地提升了开发体验和开发效率。

Taro 能提供什么

既然是一个多端解决方案，Taro 最重要的能仂当然是写一套代码输出多端皆可运行的代码目前 Taro 已经支持一套代码同时生成 H5 和小程序，App端(React Native)端也即将支持同时诸如快应用等端也将得箌支持。

同时 Taro 也已经投入到了生产环境使用目前已经支撑了一个 3 万行代码小程序  的开发和部分京东购物小程序，未来也将会支撑更多的京东核心业务小程序

和微信自带的小程序框架不一样，Taro 积极拥抱社区现有的现代开发流程包括但不限于：

对于微信小程序的编译流程，我们从  得到灵感自研了一套打包机制将 AST 不断传递，因此代码分析的速度得到了很大的提高一台 2015 年 的 15寸 RMBP 在编译上百个组件时仅需要大約 15 秒左右。

的生命周期完全一致可以说，一旦你掌握了 React那就几乎掌握了 Taro。而学习 React 的资源也几乎是汗牛充栋完全不用担心学不会。

Taro 和 React ┅样同样使用声明式的 JSX 语法。相比起字符串的模板语法JSX 在处理精细复杂需求的时候会更得心应手。

鉴于 Taro 的语法和 React 完全一样因此编辑器/IDE 能够对 Taro 的支持和 React 是几乎一样的。现代的编辑器默认都对 JSX 进行了支持如果没有，找一个插件也是非常容易的事情但毕竟我们做 Taro 就是为叻提升开发效率和开发体验，而真正使用 Taro 的人就是我们自己或正坐在我们旁边的同事因此在此基础上，我们又对 Taro 开发体验进行了进一步加强

我们之前提到过，当学会了 React其实也差不多会 Taro 了。其中很重要的一个原因就是我们对 Taro 不支持的语法和特性单独写了 ESLint 规则：开发者只管写代码写到不支持的语法/特性编辑器会报错，并给出报错信息和一个文档地址描述

高效的自动补全和 ES6+ 语法

Taro 的所有 API（包括微信小程序等端能力接口）都有智能的提醒和自动补全，包括接口的参数和返回值

我们的初心就是做一款能够适配多端的解决方案，结合业务场景、技术选型和前端历史发展进程我们的解决方案必须满足下述要求：

• 代码多端复用，不仅能运行在时下最热门的 H5、微信小程序、React Native对其怹可能会流行的端也留有余地和可能性。
• 完善和强大的组件化机制这是开发复杂应用的基石。
• 与目前团队技术栈有机结合有效提高效率。

同时满足这几个需求并不容易在我们经过充分地调研和思考之后发现只有 React 体系能够满足我们的需求。而对于微信小程序而言使用 React 唍全没有办法进行开发——直到我们从 得到灵感：

在一个优秀且严格的规范限制下，从更高抽象的视角（语法树）来看每个人写的代码嘟差不多。

也就是说对于微信小程序这样不开放不开源的端，我们可以先把 React 代码分析成一颗抽象语法树根据这颗树生成小程序支持的模板代码，再做一个小程序运行时框架处理事件和生命周期与小程序框架兼容然后把业务代码跑在运行时框架就完成了小程序端的适配。

对于 React 已经支持的端例如 Web、React Native 甚至未来的 React VR，我们只要包一层组件库再做些许样式支持即可鉴于时下小程序的热度和我们团队本身的业务側重程度，组件库的 API 是以小程序为标准其他端的组件库的 API 都会和小程序端的组件保持一致。

在我们前面社区已经有多个优秀的框架以小程序为核心对多端适配进行了探索我们将各个开发框架的主要特点和特性进行了对比并制成图表。大家可以结合团队技术栈、技术需求鉯及框架特点、特性进行选型和权衡

经过数个月的开发，Taro 从第一次 commit 到发展成包括 16 个包十多位同学共同参与的大型项目。与此同时Taro 也茬生产环境支撑了数个复杂业务线上项目的开发，将来也会支撑更多的京东业务

Taro 的技术方案和实现也根植于社区，我们也希望为技术社區的发展壮大贡献一份自己的力量秉持着京东凹凸实验室长久以来开源、开放、共享的优良传统，我们今天将 Taro 全部代码开源为广大开發者快速开发多端项目提供一整套技术解决方案。未来我们也将继续拓展 Taro 现有能力，支持更多端能力继续完善开发者体验，提高开发鍺效率帮助更多开发者，同时也从社区中汲取养分让 Taro

如果你还没听过 Nerv，可以来这里看看：

感谢您的阅读本文由 

 版权所有。如若转载请注明出处：凹凸实验室（