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 指数为
超过 的项目

评论

点击加入讨论🔥(27) 发布并加入讨论🔥
发表了资讯
昨天 13:58

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

Taro 3.6.25 现已发布。Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 等应用。 此版本具体更新内容如下: 特性 小程序 支持使用 WXS / JDS 脚本语言 编译模式支持了 JSXElementChild 嵌套使用 && 表达式 H5 新增了 hideNavigationBarLoading 和 showNavigationBarLoading 等 API 补充完善了 navigateTo 相关的参数,与小程序端一致 补充...

2
2
发表了资讯
03/01 13:53

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

Taro 3.6.24 现已发布。Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 等应用。 此版本具体更新内容如下: 特性 H5 Swiper 组件新增 currentItemId 参数支持 Video 组件新增全屏事件抛出 Stencil 组件库支持 hydrate 模式导出,用于服务端等场景生成 stencil 组件内部 DOM 结构。 其它 新增自定义编译 rust binding 配置 新增 linux-x6...

1
2
发表了资讯
01/21 10:07

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

Taro 3.6.23 现已发布。Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 等应用。 此版本具体更新内容如下: 特性 新增了 H5/RN 的表单组件支持使用 defaultValue 属性来设置初始值 更新了 CI,降低 Ubuntu 版本到 20.04 小程序 新增了抖音小程序对 awesome-user-card 的支持,用于关注抖音号 提升了 CompileMode 的小程序兼容性:支持支付...

0
2
发表了资讯
2023/12/30 10:25

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

Taro 3.6.22 现已发布。Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 等应用。 此版本具体更新内容如下: 特性 小程序 新增了小程序编译模式(CompileMode)功能,支持手动对组件进行优化,以提升渲染性能 新增了 webpack 不同级别编译错误的处理方式 H5 新增了对 navigationStyle 配置的处理逻辑 移除了 mobile-detect 依赖,改为直接...

0
1
发表了资讯
2023/12/20 10:48

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

Taro 3.6.21 现已发布。Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 等应用。 此版本具体更新内容如下: 修复 小程序 修复了小程序 Input 组件在使用 async onInput 回调时导致输入框闪烁的问题 修复了 Webpack5 React 使用小程序自定义组件时,传递 kebab-case 属性失败的问题 修复了独立分包组件没有经过子编译器处理导致的报错问题...

0
1
发表了资讯
2023/11/13 14:14

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

Taro 3.6.19 现已发布。Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 等应用。 此版本具体更新内容如下: 特性 小程序 createCameraContext 补充支付宝小程序的传参说明,fix #14705 微信小程序 channel-video 组件添加 feed-token 属性,fix #14608 完善抖音小程序 input 组件属性,fix #14650 完善微信小程序 LivePlayer 组件属性,f...

0
0
发表了资讯
2023/10/24 11:48

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

Taro 3.6.18 现已发布。Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 等应用。 此版本具体更新内容如下: 特性 小程序 第三方模板支持 void elements H5 onChange 事件添加 source 属性,用来判断是 touch 切换还是其他方式切换的,fix #14653 修复 小程序 兼容支付宝小程序、钉钉小程序的 sjs 语法模版文件引入方式,使得能够让 webp...

0
1
发表了资讯
2023/09/23 10:17

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

Taro 3.6.17 现已发布。Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 等应用。 此版本具体更新内容如下: 特性 小程序 支持 ScrollView 组件二级下拉相关属性,fix #14321 微信小程序支持 Snapshot 组件,fix #14560 微信小程序 Video 组件支持 show-bottom-progress 属性,fix #12530 微信小程序 LivePusher 组件支持 picture-in-pic...

0
1
发表了资讯
2023/09/11 14:21

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

Taro 3.6.16 现已发布。Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 等应用。 此版本具体更新内容如下: 特性 小程序 兼容微信小程序隐私协议,#14377 #14475 H5 Video 组件新增 exitFullScreen 退出全屏的功能,#14453 @tarojs/plugin-mini-ci 京东小程序 CI 新增对 robot 配置的支持 修复 小程序 修复 Webpack4 中 wxml loader 和 ...

0
1
发表了资讯
2023/08/14 13:56

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

Taro 3.6.12 现已发布。Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 等应用。 此版本具体更新内容如下: 特性 小程序 新的混合原生打包模式, 编译页面时同时编译本地化组件,并共享同一套运行时,参看示例工程 examples/new-blended 调整钩子 modifyBuildAssets 调用顺序 #14324 H5 对齐小程序 connectSocket API 限制 #14292 修复 ...

0
0
发表了资讯
2023/07/25 16:18

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

Taro 3.6.9 现已发布。Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 等应用。 此版本具体更新内容如下: 特性 CLI 编译配置文件的功能增强,如增加类型提示,支持使用函数等,详情可参考文档 编译配置支持 output.clean 选项,#11032 存在多端页面但是对应的多端页面配置不存在时,使用该页面默认配置 默认模版增加单元测试目录 Webpac...

0
0
发表了资讯
2023/06/11 07:44

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

Taro 3.6.8 现已发布。Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 等应用。 此版本具体更新内容如下: 特性 H5 支持配置页面滚动方式(全局滚动或局部滚动) 新增 API:saveVideoToPhotosAlbum、saveImageToPhotosAlbum 、addPhoneRepeatCalendar、addPhoneCalendar、chooseMedia、getVideoInfo、canIUse 修复 修复 Webpack5 启动报错...

1
2
发表了资讯
2023/05/28 07:44

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

Taro 3.6.7 现已发布。Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 等应用。 此版本具体更新内容如下: 特性 Picker 组件新增 textProps 属性,#12489 RN RN 入口支持函数式组件 入口组件支持 useLaunch,useDidShow,usePageNotFound 生命周期 hooks 小程序 消息机制支持 Symbol 类型作为事件名 修复 小程序 完善 Taro React Reconci...

0
3
发表了资讯
2023/04/30 07:34

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

Taro 3.6.6 现已发布。Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 等应用。 此版本具体更新内容如下: 特性 新增 Taro.interceptorify API 新增 Taro.getAppInfo API 小程序 支付宝小程序支持使用自定义 Tabbar,#13610 新增 getRenderer 方法获取页面渲染引擎类型,#13587 新增 injectNewStyleProperties 运行时钩子,用于注入需要额...

0
2
发表了资讯
2023/04/16 07:35

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

Taro 3.6.5 现已发布。Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 等应用。 此版本具体更新内容如下: 特性 H5 支持根据 html 模板自定义节点位置 in #13630 RN ScrollView 组件支持透传 scrollEventThrottle by @peterczg in #13496 修复 小程序 修复 vue 2 模版下 eslint-plugin-vue 版本问题导致的 npm 依赖安装报错 in #13620 修...

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

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

Taro 3.6.3 现已发布。Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 等应用。 此版本具体更新内容如下: 特性 小程序 支持 ScrollView 组件在微信小程序 skyline 模式下的新特性 支持通过 id 获取 CustomWrapper 对应的自定义组件实例,#9357 H5 组件定义模式由 bundle 改为 auto,并支持 Vue 适配器代码抖动能力 prebundle 支持虚拟模...

1
1
发表了资讯
2023/02/02 18:10

Taro 正式发布 3.6 版本:支持跨端路由、请求库,支持纵向拓展鸿蒙、Web 端平台插件

两个月前,我们发布了 Taro v3.6 的 canary 版本,在技术委员会和社区范围内提供跨端路由库、跨框架组件等主要能力和重要修复的测试,并发起社区投票正式确定了当前版本的代号 —— Reach。 日前 Taro v3.6 正式版本已经发布,下文将围绕 3.6 版本内的跨端、平台能力支持等多个方面展开,快速了解在 v3.6 中各个重要特性。 一、跨端能力支持 支持各类跨端能力,抹平多端研发之间的体验差异,是 Taro 一直以来尝试去实现的,基于...

5
2
发表了资讯
2023/01/19 07:24

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

Taro 3.5.12 现已发布。Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 等应用。 此版本具体更新内容如下: 特性 小程序 微信小程序Input 组件新增bindnicknamereview 事件的支持 fix #13065 新增对ChannelLive 组件的支持 fix #13137 RN 修复 小程序 修复宿主环境同时使用插件页面和插件组件时currentPage.route异常中断插件组件渲染 fi...

2
3
发表了资讯
2022/12/31 07:14

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

Taro 3.5.11 现已发布。Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 等应用。 此版本具体更新内容如下: 特性 H5 新增 createIntersectionObserver、createMediaQueryObserver API 支持 RN RichText 组件支持传入其他属性 修复 小程序 修复 v-html 缺失组件模板的问题,fix #12973 修复独立分包模板错误问题,fix #12995 修复装饰器语...

0
0
发表了资讯
2022/12/12 19:56

Taro v3.6 代号为「Reach」,已发布 canary 版本

近期我们确定了 v3.6 版本的代号「Reach」,并发布了 v3.6-canary 版本,多个新特性在该版本内开放给社区各位开发者体验,欢迎大家试用并在社区中反馈相关问题。 一、支持路由库 Taro 3 适配前端 UI 框架的方式更接近于前端的本质,通过在小程序端模拟实现框架所需的 BOM/DOM API 来达成,对于适配各个路由库也是同样的思路。 1. 运行时引入 History & Location 对象 在 Web BOM 中,History & Location 对象是重要组成部分,它...

8
1
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
{{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}}
没有更多内容
暂无内容
暂无内容
27 评论
3.5K 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部