• Stars
    star
    34,777
  • Rank 424 (Top 0.01 %)
  • Language
    TypeScript
  • License
    Other
  • Created about 6 years ago
  • Updated 6 days ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

Taro

开放式跨端跨框架解决方案,轻松构建可以运行在 小程序/Web/APP 上的应用

PRs Welcome GitHub contributors GitHub commit activity GitHub closed issues GitHub commits since latest release (by date) GitHub Release Date

简体中文 | English

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

目录

  1. 简介
  2. 学习资源
  3. 社区共享
  4. 使用案例
  5. 特性介绍
  6. 加入共建
  7. 问题反馈与建议
  8. 特别鸣谢
  9. 贡献者们
  10. 开发计划
  11. 更新日志
  12. 开发交流

简介

开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。现如今市面上端的形态多种多样,Web、React Native、微信小程序等各种端大行其道,当业务要求同时在不同的端都要求有所表现的时候,针对不同的端去编写多套代码的成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要

版本迁移

Taro 1/2 迁移至 Taro 3,请阅读《Taro 版本升级权威指南》

学习资源

5 分钟上手 Taro 开发

awesome-taro

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

社区共享

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

UI 库

名称 地址 介绍 支持的框架 支持的 Taro 版本
taro-ui https://taro-ui.jd.com/#/ 一套基于 Taro 框架开发的多端 UI 组件库 React Taro 1/2/3 (Taro 3 需要安装 alpha 版本)
NutUI https://nutui.jd.com/#/ 京东风格的轻量级移动端 Vue 组件库 Vue3 Taro 3
taroify https://taroify.gitee.io/taroify.com/introduce/ 轻量、可靠的小程序端 Taro 组件库(Vant 的 Taro 版本) React Taro 3
@antmjs/vantui https://antmjs.github.io/vantui/#/home 基于有赞 VantWeapp 开发的同时支持 Taro 和 React 的 UI 库 React Taro 3
Tard https://tard-ui.selling.cn/ 一套基于 Taro 框架开发的多端 React UI 组件库 React Taro 3

使用案例

Taro 已经投入了我们的生产环境中使用,业界也在广泛地使用 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/React Native 等端。

加入共建

加入 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.

More Repositories

1

nerv

A blazing fast React alternative, compatible with IE8 and React 16.
JavaScript
5,421
star
2

taro-ui

一款基于 Taro 框架开发的多端 UI 组件库
TypeScript
4,450
star
3

awesome-taro

多端统一开发框架 Taro 优秀学习资源汇总
2,683
star
4

taro-zhihu-sample

a demo based on taro
JavaScript
342
star
5

taro-ui-demo

非 Taro UI 官网示例代码
JavaScript
282
star
6

tarojs-plugin-ssr

让 Taro H5 支持 Pre-rendering、SSR 和 ISR,极致的首屏速度🚀,利于 SEO🔍
TypeScript
224
star
7

taro-native-shell

Taro 原生 React Native 壳子
Java
193
star
8

taro-sample-weapp

与小程序原生融合的示例
JavaScript
159
star
9

taro-v2ex

使用 Taro 实现 V2EX 小程序
TypeScript
153
star
10

taro-v2ex-hooks

使用 Taro 和 React Hooks 构建 v2ex 小程序
TypeScript
139
star
11

taro-rfcs

为了重大特性更新和架构更改顺利推进的 RFC 流程机制
74
star
12

taro-project-templates

Templates for `taro init`
JavaScript
70
star
13

taro-ui-sample

基于 Taro 的多端 UI 库示范用例
JavaScript
68
star
14

taro-antd-mobile

Taro 兼容 Ant Design Mobile
SCSS
60
star
15

taro-todo

多端解决方案示例
JavaScript
56
star
16

nerv-webpack-boilerplate

A webpack boilerplate with Nervjs
JavaScript
52
star
17

taro-components-sample

taro components sample
JavaScript
52
star
18

TodoMVC

TodoMVC with Taro + Redux
JavaScript
43
star
19

taro3-vant-sample

Taro3 中使用 vant-weapp 的示例
JavaScript
42
star
20

taro-todomvc-hooks

用 Taro 和 React Hooks API 实现 TodoMVC
JavaScript
41
star
21

taro-vant

Taro 兼容 VantUI
Vue
40
star
22

taro-redux-sample

taro redux sample
JavaScript
37
star
23

taro-uilib-react

Taro UI 库 React 版本范例
JavaScript
34
star
24

at-ui-nerv

AT-UI for Nerv
TypeScript
31
star
25

taro-plugin-inject

Taro 小程序端平台中间层插件
TypeScript
31
star
26

taro-user-cases

使用 Taro 开发的案例
JavaScript
29
star
27

taro-plugin-mock

Taro 数据 Mock 插件
TypeScript
27
star
28

taro-plugin-platform-kwai

快手小程序平台插件
TypeScript
26
star
29

taro-plugin-platform-weapp-qy

企业微信插件
TypeScript
20
star
30

taro-components-test

Taro 组件化方案测试
JavaScript
20
star
31

taro-weui

Taro 兼容 WEUI
SCSS
18
star
32

taro-plugin-platform-lark

飞书(Lark)小程序平台插件
TypeScript
16
star
33

taro-bot

A bot app for Taro
TypeScript
16
star
34

taro-plugin-platform-alipay-dd

钉钉小程序平台插件
TypeScript
16
star
35

taro-docs

Taro 文档
MDX
15
star
36

taro-apis-sample

taro apis sample
JavaScript
11
star
37

taro-blended

在原生小程序项目中使用 Taro
JavaScript
10
star
38

taro-flexbox

Taro 跨端的flexbox布局案例
TypeScript
10
star
39

nerv-website

The landing page of Nerv
JavaScript
10
star
40

nerv-redux-todomvc

TodoMVC example using Nerv and Redux
TypeScript
9
star
41

parse-css-to-stylesheet

css转stylesheet插件,适用于鸿蒙、RN
Rust
8
star
42

taro-test-utils

多端单测工具
TypeScript
8
star
43

taro-component-website

Taro 基础组件库文档
CSS
6
star
44

taro-plugin-platform-xhs

小红书小程序平台插件
TypeScript
6
star
45

taro-ui-theme-preview

Taro UI 自定义主题生成器
JavaScript
5
star
46

taro-calendar

一款基于 Taro 框架开发的多端 日历组件
TypeScript
5
star
47

taro-doctor

taro doctor based on NAPI-RS
Rust
4
star
48

nerv-server

Server-side rendering for Nerv.js
TypeScript
4
star
49

postcss-pxtransform

JavaScript
3
star
50

taro-plugin-indie

Taro 单独分包运行插件
TypeScript
3
star
51

taro-website

The landing page of Taro
JavaScript
3
star
52

taro-benchmark

Benchmark of Taro, weapp and jdapp.
JavaScript
3
star
53

taro-todos-pinia

Taro3 + Vue3 + pinia
Vue
2
star
54

taro-plugin-platform-alipay-iot

支付宝 IOT 端小程序平台插件
TypeScript
2
star
55

taro-plugin-shared-runtime

微信小程序多分包共享Taro运行时插件
TypeScript
2
star
56

nerv-test-utils

Mock react-test-utils used for Nerv.js
TypeScript
2
star
57

taro-issue-helper

https://nervjs.github.io/taro-issue-helper/
Vue
1
star
58

taro-ui-bot

A bot app for taro-ui
TypeScript
1
star
59

taro-plugin-migrate

快速升级迁移插件
TypeScript
1
star