Taro 介紹

簡介

Taro 是一套遵循 React 語法規(guī)范的 多端開發(fā) 解決方案。

現(xiàn)如今市面上端的形態(tài)多種多樣，Web、React-Native、微信小程序等各種端大行其道，當(dāng)業(yè)務(wù)要求同時(shí)在不同的端都要求有所表現(xiàn)的時(shí)候，針對不同的端去編寫多套代碼的成本顯然非常高，這時(shí)候只編寫一套代碼就能夠適配到多端的能力就顯得極為需要。

使用 Taro，我們可以只書寫一套代碼，再通過 Taro 的編譯工具，將源代碼分別編譯出可以在不同端（微信/百度/支付寶/字節(jié)跳動(dòng)/QQ小程序、快應(yīng)用、H5、React-Native 等）運(yùn)行的代碼。

特性

支持多種框架

Taro 目前支持 React、Nerv、Vue 三類框架，在未來 Taro 將開放拓展能力，使得開發(fā)者可以通過 Taro 拓展更多的框架支持。

快速開發(fā)微信小程序

Taro 立足于微信小程序開發(fā)，眾所周知小程序的開發(fā)體驗(yàn)并不是非常友好，比如小程序中無法使用 npm 來進(jìn)行第三方庫的管理，無法使用一些比較新的 ES 規(guī)范等等，針對小程序端的開發(fā)弊端，Taro 具有以下的優(yōu)秀特性

? 支持使用 npm/yarn 安裝管理第三方依賴

? 支持使用 ES7/ES8 甚至更新的 ES 規(guī)范，一切都可自行配置

? 支持使用 CSS 預(yù)編譯器，例如 Sass 等

? 支持使用 Redux 進(jìn)行狀態(tài)管理

? 支持使用 MobX 進(jìn)行狀態(tài)管理

? 小程序 API 優(yōu)化，異步 API Promise 化等等

支持多端開發(fā)轉(zhuǎn)化

Taro 方案的初心就是為了打造一個(gè)多端開發(fā)的解決方案。目前 Taro 代碼可以支持轉(zhuǎn)換到 微信/百度/支付寶/字節(jié)跳動(dòng)/QQ小程序 、快應(yīng)用、 H5 端 以及 移動(dòng)端（React Native）。

社區(qū)共享

Taro 交流社區(qū)——讓每一次交流都被沉淀 如果您在此文檔沒有找到想要的答案，請移步社區(qū)提問，我們會(huì)在看到的第一時(shí)間給予答復(fù)。

Taro 物料市場——讓每一個(gè)輪子產(chǎn)生價(jià)值 如果您想找一些現(xiàn)成的物料，例如：模版、組件、SDK、UI，可以移步物料市場查找，也歡迎您發(fā)布物料與其他開發(fā)者共享。

Taro UI

一款基于 Taro 框架開發(fā)的多端 UI 組件庫。

Taro UI 特性：

• 基于 Taro 開發(fā) UI 組件
• 一套組件可以在微信小程序，支付寶小程序，百度小程序，H5 多端適配運(yùn)行（ReactNative 端暫不支持）
• 提供友好的 API，可靈活的使用組件

使用案例

Taro 已經(jīng)投入了我們的生產(chǎn)環(huán)境中使用，業(yè)界也在廣泛地使用 Taro 開發(fā)多端應(yīng)用。

社區(qū)案例僅收納了開發(fā)者主動(dòng)提交的案例

學(xué)習(xí)資源

官方文章精選

• 使用 React Hooks 重構(gòu)你的小程序
• Taro 1.3 震撼發(fā)布：全面支持 JSX 語法和 HOOKS
• 小程序框架全面測評
• Taro 在京東購物小程序上的實(shí)踐
• 用 React 開發(fā)小程序的探索之路 （演講內(nèi)容整理）| 掘金開發(fā)者大會(huì)
• 為何我們要用 React 來寫小程序 - Taro 誕生記
• 多端統(tǒng)一開發(fā)框架 - Taro介紹

分享交流

• 第十三屆 D2 前端技術(shù)論壇——使用 Taro 快速構(gòu)建多端應(yīng)用
• WeGeek直播課：從0到1快速開發(fā)電商小程序
• 掘金開發(fā)者大會(huì)——用React開發(fā)小程序的探索之路

其他

更多文章教程、開源項(xiàng)目等，請參考：awesome-taro

掘金小冊：Taro 多端開發(fā)實(shí)現(xiàn)原理與實(shí)戰(zhàn)