Taro 多端开发实现原理与项目实战 - 凹凸实验室

作者介绍

凹凸实验室 (Aotu.io，英文简称 O2) ，创立于 2015 年 10 月，为掘金最早一批联合编辑，拥有数千关注者。O2 对内主要为京东商城、微信/手 Q 购物入口、TOPLIFE 等平台业务提供 WEB 前端开发、小程序开发、小游戏开发、H5 动画开发、APP 开发、后端服务开发等能力支持，对外作为多终端技术品牌一直活跃于掘金、GitHub 等知名知识共享平台。

本小册由凹凸实验室的多名开发工程师利用业余时间精心编写，他们来自：Taro 核心开发者、使用 Taro 开发「京东购物」小程序的开发者、使用 Taro 开发「TOPLIFE」小程序的开发者、使用 Taro 开发「壹赫兹 OneHertz」小程序的开发者，等等。

凹凸实验室

小册介绍

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

本小册按开篇、基础篇、进阶篇、实战篇、总结篇进行编排，以便于读者按照自己的已有知识进行学习。

开篇和基础篇既可以作为小程序的入门亦可作为 Taro 的入门来学习，主要介绍前端多端统一开发背景与趋势开发， Taro 开发电商平台所需要的 React 知识和小程序开发入门知识，Taro 的安装使用和开发说明及注意事项，最后我们实现一个简单的 Todo 项目，并通过它的升级版了解如何在 Taro 中整合 Redux。

进阶篇主要介绍 Taro 的技术原理与细节，希望大家了解多端统一开发设计的思想及架构，CLI 原理及不同端的运行机制、文件转换处理、组件库及 API 的设计与适配，以及如何实现 JSX 转换微信小程序模板和 Taro 在小程序、H5、RN 各端的运行时等，让大家知其然知其所以然，期待大家参与到 Taro 的开发中来。

实战篇将以一个电商平台为例，挑选出黄金购物流程来和大家一一讲解，其中会涉及到授权、商品列表页、商品详情页、购物车、结算页、以及小程序云的介绍与使用，最后介绍多端的打包与发布。虽然不能面面俱到，但还是希望大家可以从我们对例子的分享中有所收获。

本小册会提供一份代码实例，其中包含：

欢迎新老读者继续支持我们的原创内容。