Taro 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
Taro 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
Taro 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 MIT
操作系统 跨平台
软件类型 开源软件
所属分类 Web应用开发Web框架
开源组织 京东
地区 国产
投 递 者 yuche
适用人群 未知
收录时间 2018-06-11

软件简介

Taro - 开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5 等应用。

Taro['tɑ:roʊ],泰罗·奥特曼,宇宙警备队总教官,实力最强的奥特曼。

Taro 是什么?

Taro 是由京东 - 凹凸实验室打造的一套开放式跨端跨框架解决方案

Taro 支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5 等应用。

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

Taro 特性

框架支持

React/Nerv 支持

在 Taro 3 中可以使用完整的 React/Nerv 开发体验,具体请参考基础教程——React

代码示例

import React, { Component } from 'react'
import { View, Text } from '@tarojs/components'

export default class Index extends Component {
  state = {
    msg: 'Hello World!'
  }
  componentWillUnmount () { }

  componentDidShow () { }

  componentDidHide () { }

  render () {
    return (
      <View className='index'>
        <Text>{this.state.msg}</Text>
      </View>
    )
  }
}

Vue 支持

在 Taro 3 中可以使用完整的 Vue 开发体验,具体请参考基础教程——Vue

代码示例

<template>
  <view class="index">
    <text>{{msg}}</text>
  </view>
</template>

<script>
export default {
  data () {
    return {
      msg: 'Hello World!'
    }
  },
  created () {},
  onShow () {},
  onHide () {}
}
</script>

多端转换支持

Taro 方案的初心就是为了打造一个多端开发的解决方案。

目前 Taro 3 可以支持转换到 微信/京东/百度/支付宝/字节跳动/QQ 小程序 以及 H5 端

学习资源

5 分钟上手 Taro 开发

awesome-taro

掘金小册:Taro 多端开发实现原理与实战

社区共享

Taro 交流社区——让每一次交流都被沉淀

Taro 物料市场——让每一个轮子产生价值

使用案例

Taro 已经投入了我们的生产环境中使用,业界也在广泛地使用 Taro 开发多端应用。

征集更多优秀案例

加入共建

加入 Taro 社区共建倡议

Taro 邀你加入社区共建

为 Taro 贡献代码

Taro 非常欢迎社区开发者为 Taro 贡献代码,在贡献之前请先阅读贡献指南

如果你想为 Taro 实现一个重要功能,需要先撰写 RFC 文档,按照 Taro 的RFC 机制进行操作,在经过社区讨论完善后才可以进行代码的提交。

问题反馈与建议

给 Taro 提 ISSUE

强烈推荐阅读 《提问的智慧》《如何向开源社区提问题》 和 《如何有效地报告 Bug》《如何向开源项目提交无法解答的问题》,更好的问题更容易获得帮助。

特别鸣谢

nanjingboy jsNewbee
nanjingboy jsNewbee Qiyu8 Garfield Lee

贡献者们

开发计划

Milestones

更新日志

本项目遵从 Angular Style Commit Message Conventions,更新日志请查阅 Release

开发交流

官方交流微信群

License

MIT License

Copyright (c) O2Team

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

官网:http://taro.jd.com

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论

点击加入讨论🔥(26)
发表了资讯
前天 07:04

Taro 3.4.10 发布,BAT 小程序、H5 与 RN 端统一框架

Taro 3.4.10 现已发布。Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 等应用。具体更新内容如下: 修复 小程序 补充字节小程序 Textarea 组件的属性,#11776 修复支付宝小程序 PickerViewColumn 组件不能设置类名和 style 的问题,#10264 调整路由参数逻辑,修复当页面被蜘蛛抓取时,路由字符串不固定的问题,#11713 支持 style 设置部...

1
3
发表了资讯
05/11 07:05

Taro 3.4.9 发布,BAT 小程序、H5 与 RN 端统一框架

Taro 3.4.9 现已发布。Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 等应用。具体更新内容如下: 修复 修复配置文件 import json 文件报错的问题,#11295 小程序 补全 QQ 小程序 Button 组件的 guild-id 属性,#11722 H5 修复跳转进入到可下拉刷新的页面但无法下拉刷新的问题,#11675 修复 Stencil slot 与 React 渲染的冲突问题,#11...

0
1
发表了资讯
04/27 07:14

Taro 3.4.8 发布,BAT 小程序、H5 与 RN 端统一框架

Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5 等应用。 Taro 3.4.8 现已发布,具体更新内容如下: 特性 H5 支持播放 hls 视频 修复 小程序 修复 React 组件里使用动态 import 会报错的问题 修复调用 Taro.request 后 onHeadersReceived 未定义的问题,#11224 修复支付宝部分 API 未正确获取返回值的问题,#11703 Vue3 暴露 vue-loader 配置项 修复...

0
3
发表了资讯
04/21 07:01

Taro 3.4.7 发布,BAT 小程序、H5 与 RN 端统一框架

Taro 3.4.7 现已发布。Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5 等应用。具体更新内容如下: 特性 H5 添加非微信 JS-SDK 下的 getLocation API实现,用于在非微信 JS-SDK 环境下获取 GPS 定位,#11613 #11431 支持 PickerView、PickerViewColumn 组件 修复 修改了默认模板中 tsconfig.json 的 jsx 设置,以便 Vue 框架用户更方便地使用 tsx 语...

2
0
发表了资讯
03/30 07:35

Taro 3.4.4 发布,BAT 小程序、H5 与 RN 端统一框架

Taro 3.4.4 现已发布。Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5 等应用。 特性 小程序 支持 Vue3 Class Component,#11392 新增对微信小程序 ShareElement 组件的支持,#11466 让微信小程序的 Input 组件支持使用 KeyboardAccessory 组件,#11510 RN 升级 @react-native-community/cli 为 ^6.0.0,与 react native 0.67 保持一致 当 style 为 ...

0
2
发表了资讯
03/29 19:20

Taro 社区发布:贡献者晋级指南

Taro 贡献者晋级制度 为了建立更加完善、更加可持续的 Taro 开源生态,突出贡献者价值,我们参照成熟开源社区运行机制制定了《 Taro 贡献者晋级制度》,为热爱和喜欢 Taro 技术的开发者和贡献者提供更清晰的参与机制和荣誉激励机制。 晋升角色 如图包含 4 个晋升角色:个人贡献者&生态个人贡献者、助手、合作者&生态合作者、技术委员会委员,晋升机制通过提名+投票的方式进行共识决策,晋升路径如下: 个人贡献者 → 助手 → 合...

0
3
发表了资讯
02/19 07:50

Taro 3.4.2 发布,BAT 小程序、H5 与 RN 端统一框架

Taro 3.4.2 现已发布。Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5 等应用。 此版本更新内容包括: 特性 H5 新增支持 loadFontFace、getBatteryInfo、offNetworkStatusChange 方法 新增支持 getWindowInfo、getSystemSetting、getSystemInfoAsync、getDeviceInfo、getAppBaseInfo、getAppAuthorizeSetting 方法 RN 脚手架支持创建项目模板替换项目...

0
1
发表了资讯
01/20 22:37

Taro 正式发布 3.4 版本:全面支持 Preact & Vue 3.2

距 Taro v3.4 beta 版本的发布已有一段时间,期间我们完善了对 Preact 和 Vue3 的支持,加入了一些有趣的特性,更是对 H5 作了大幅度的优化与调整,并于近期发布了 v3.4 的正式版本。 上月我们还推出了支持开发鸿蒙应用的 v3.5.0 canary 版本,欢迎各位同学关注~ 一、支持使用 Preact 开发小程序应用时我们经常会受到包体积的掣肘,大型应用常常为了“尺土寸金”的包体积开展瘦身行动。在此背景下 React 将近 100k 的体积则显得...

1
4
发表了资讯
01/11 07:41

Taro 3.3.20 发布,BAT 小程序、H5 与 RN 端统一框架

Taro 3.3.20 发布了。Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5 等应用。 此版本更新内容包括: 特性 小程序 编译为原生小程序组件时,支持配置原生组件的 Options,#9759 ,by @fengkx H5 支持 NodesRef.node 方法,#9461 支持 NodesRef.context 方法(video & canvas) 性能 小程序 修复 CustomWrapper 嵌套使用后失效的问题,by @CS-Tao 优化...

2
3
发表了资讯
2021/12/30 07:15

Taro 3.3.19 发布,BAT 小程序、H5 与 RN 端统一框架

Taro 3.3.19 发布了。Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5 等应用。 此版本更新内容包括: 修复 RN 优化 Android Input 组件默认 padding 参数 修复 Swiper 组件只有一个字节点问题 修复 Swiper 组件 current > count -1 问题 H5 修复 Vue3 AppId 配置问题,fix #10974 修复 Taro-H5 rollup Shaking 删除样式问题,fix #10958 修复 upload...

0
2
2021/12/28 07:06

Taro 3.3.18 发布,BAT 小程序、H5 与 RN 端统一框架

Taro 3.3.18 发布了。Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5 等应用。 此版本更新内容包括: 特性 H5 新增路由动画配置能力 新增自定义配置多路由能力 新增懒加载 Shaking 方案(for PWA) 修复 小程序 修复阿里小程序 2.0 构建报错,fix #10162 H5 优化 Swiper 组件非 circular 模式状态更新问题 优化动画部分 API 实现与参数错误 修复 do...

0
4
发表了资讯
2021/12/17 07:24

Taro 3.3.17 发布,BAT 小程序、H5 与 RN 端统一框架

Taro 3.3.17 发布了。Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5 等应用。 此版本更新内容包括: 特性 H5 支持全局配置 entryPagePath 支持多路由自定义配,#9289 RN 支持 SVG 文件的引入 支持使用 playground 预览本地 bundle,#10867 修复 小程序 修复 Textarea 设置 autoFocus 属性时报错的问题,#10870 优化 HTML 解析器对 CSS 属性选择器的...

1
1
发表了资讯
2021/12/09 20:21

Taro 3.5 canary 发布:支持适配 鸿蒙

一、背景 鸿蒙作为华为自研开发的一款可以实现万物互联的操作系统,一经推出就受到了很大的关注,被国人寄予了厚望。而鸿蒙也没让人失望,今年 Harmony2.0 正式推出供用户进行升级之后,在短短的三个月内实现了 1.2 亿的装机量,并且在前不久的华为开发者大会上,华为宣布 Harmony2.0 的装机量已经突破了 1.5 亿。 众多应用厂商都逐步推出了适配的鸿蒙应用,Taro 作为一个开放式的 跨端跨框架 解决方案,不少开发者期待将小程序...

3
7
2021/12/07 06:23

Taro 3.3.16 发布,BAT 小程序、H5 与 RN 端统一框架

Taro 3.3.16 发布了。Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5 等应用。 此版本更新内容包括: 特性 RN 支持 backgroundTextStyle 设置, #10739 postcss 支持插件自定义, #10775 富文本支持自动宽高, #10794 #10807 修复 H5 修复组件名映射错误, #8491 路由回退方法更新, #10785 tabbar 初始配置修复, #10736 #10758 RN 修复 app.config 修改后...

0
3
发表了资讯
2021/11/25 18:53

Taro 3.4 beta 发布:支持 Preact 为应用开辟更多体积空间

项目体积是困扰小程序开发者的一大问题,如果开发者使用 Taro React 进行开发,更是不得不引入接近 100K 的 React 相关依赖,这让项目体积变得更加捉襟见肘。因此,Taro v3.4 的主要方向,是探索对于 Preact 的支持。 Preact 是一款体积超小的类 React 框架,提供和 React 几乎一致的 API,而体积只有 5k 左右。 支持使用 Preact Taro v3.4 正式实现了对 Preact 的支持,下文将简单介绍适配思路及用法。 适配思路 1. 运行时改造...

1
1
2021/11/24 06:46

Taro 3.3.15 发布,BAT 小程序、H5 与 RN 端统一框架

Taro 3.3.15 发布了。Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5 等应用。 此版本更新内容包括: 特性 H5 支持 CoverView、CoverImage 组件 RN 优化依赖,包括升级 react-native-netinfo ,删除 expo-location 依赖等,#10690 修复 小程序 增加对 getLocalIPAddress API 的支持,#10631 修复 Vue3 Input 组件设置自动聚焦失败的问题,#10579 修复...

2
1
发表于开发技能专区
2021/10/27 07:18

Taro 3.3.11 发布,BAT 小程序、H5 与 RN 端统一框架

Taro 3.3.11 发布了。Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5 等应用。 此版本更新内容包括: 新特性 小程序:新增对百度小程序 <Login> 组件的支持,fix #10452 问题修复 小程序 补充Map 组件的 min-scale 和 max-scale 属性,fix #10239 修复当 import 引用 @tarojs/taro/html5.css 后报错的问题,fix #10340 修复 MiniSplitChunksPlugin ...

1
2
2021/10/23 07:51

Taro 2.2.18 发布,BAT 小程序、H5 与 RN 端统一框架

Taro 2.2.18 发布了。Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5 等应用。 此版本更新内容包括: 修复Input组件粘贴无效的问题(#8862) 百度小程序onShow 时props为空 修复 ui 库编译处理问题 修复 H5 编译处理问题 taro-img__mode-scaletofill 修改为fill 修复小程序 app onShow 时参数获取不到 更新说明:https://github.com/NervJS/taro/rele...

2
1
2021/10/19 07:03

Taro 3.3.10 发布,BAT 小程序、H5 与 RN 端统一框架

Taro 3.3.10 发布了。Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5 等应用。此版本更新内容包括: 特性 RN React Native 版本升级到 0.66,升级相关 metro, expo,@unimodules依赖 CLI 新增 onBuildComplete 钩子 registerMethod 支持注册多个同名钩子 修复 小程序 京东小程序 Map 组件补充 bindRegionChange 事件 H5 修复切换 tab 栏时,无限增加...

1
1
发表了资讯
2021/09/19 07:20

Taro 3.3.9 发布,BAT 小程序、H5 与 RN 端统一框架

Taro 3.3.9 发布了。Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5 等应用。此版本更新内容包括: 特性 小程序 新增 Taro 小程序端构建后支持CI(持续集成)的插件:@taorjs/plugin-mini-ci。支持构建完毕后自动打开小程序开发者工具、上传作为体验版、生成预览二维码(暂时仅支持微信、字节、百度、支付宝小程序) H5 组件可以使用新增的 nativePr...

0
5
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
发表了问答
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
26 评论
3.5K 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部
返回顶部
顶部