Taro 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
Taro 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议: MIT
开发语言: JavaScript 查看源码 »
操作系统: 跨平台
开发厂商: 京东
收录时间: 2018-06-11
提 交 者: yuche

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》《如何向开源项目提交无法解答的问题》,更好的问题更容易获得帮助。

Let's fund issues in this repository

特别鸣谢

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

Taro 的相关博客

【taro】-------------- Taro学习笔录(初识taro)-------------【劉】

一、taro介绍 Taro 是一套遵循 React 语法规范的 多端开发 解决方案。从web、小程序、React-Native... 当业务要求同时在不同的...

Taro

感谢支持ayqy个人订阅号,每周义务推送1篇(only unique one)原创精品博文,话题包括但不限于前端、Node、Android、数学(W...

【taro】--------------taro学习笔录{taro的不同(一)}-------------【劉】

(1)(H5中)taro设置元素高度不继承外部高度100%    taro自带元素设置过高度100%,但是通过自己书写元素的高度100%不继承...

[Taro] Taro 环境安装 (一)

Taro 环境安装 Taro是一个前端小程序框架,通过这个框架写一套代码,再通过 Taro 的编译工具,就可以将源代码分别编译出可以在...

Taro:使用taro完成小程序开发

前言:taro是一个可以很好实现一次开发,多端统一的框架,本文只介绍它小程序端开发的一些内容。 小程序项目搭建 gitup已经有...

[Taro] taro中定义以及使用全局变量

taro中定义以及使用全局变量 错误的姿势 // app.tsx文件中 class App extends Component { componentDidMount() { this.user...

Taro 常用 API

<style> table th:first-of-type { width: 300px; } </style> Taro 常用 API 说明 网址 Taro.getSystemInfoSync() 获取系统信...

taro http封装

taro http封装 src目录下新建service 创建api.js config.js http.js http.js import Taro from '@tarojs/taro' let token = ...

taro 报错及解决

1、解决:taro 升级到最新版(npm install -g @tarojs/cli) 错误 组件编译 组件src/pages/xxx/xxx.tsx编译失败! TypeErro...

评论 (12)

加载中
和uni-app比如何?
07/15 07:05
回复
举报
又是啥东东
2019/11/19 15:29
回复
举报
taro学习起来特别快,而且很好学,最特别的是有一群大佬在技术群里进行技术支持,开发过程中遇到什么坑都有大佬在线解决。所以用起来特别快,跨平台开发成本低,效率高!
2019/11/19 15:09
回复
举报
大家有没有兴趣搞个DIGA出来,人家是泰罗,我们是迪加,就像阳光穿过黑夜 黎明悄悄划过天边。想想就热血沸腾
2019/02/26 12:09
回复
举报
mark...
2019/01/29 13:47
回复
举报
mark
2019/01/29 11:24
回复
举报
antd是一套面相web的UI库。京东这个是面相小程序的
2018/09/16 08:35
回复
举报
坐等迪迦
2018/08/17 18:40
回复
举报
特么奥特曼命名序列都出来了…用汉文化圈神话相关命名很土?!
2018/08/17 18:13
回复
举报
多端实现感觉前景还是挺可以的
2018/08/11 15:03
回复
举报
更多评论
12 评论
369 收藏
分享
返回顶部
顶部