Taro 介绍

简介​

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

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

特性​

多端转换支持​

Taro 3 可以支持转换到 H5、ReactNative 以及任意小程序平台。

目前官方支持转换的平台如下：

• H5
• ReactNative
• 微信小程序
• 京东小程序
• 百度智能小程序
• 支付宝小程序
• 字节跳动小程序
• QQ 小程序
• 钉钉小程序
• 企业微信小程序
• 支付宝 IOT 小程序
• 飞书小程序

框架支持​

在 Taro 3 中可以使用完整的 React / Vue / Vue3 / Nerv 开发体验，具体请参考：

• 基础教程——React
• 基础教程——Vue
• 基础教程——Vue3

• React
• Vue

示例代码

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

export default class Index extends Component {
  state = {
    msg: 'Hello World！'
  }

  componentWillMount () { }

  componentDidShow () { }

  componentDidHide () { }

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

新闻资讯​

Taro UI​

Taro 3 只能配合使用 taro-ui@next 版本

安装命令： npm i taro-ui@next

一款基于 Taro 框架开发的多端 UI 组件库。

Taro UI 特性：

• 基于 Taro 开发 UI 组件
• 一套组件可以在多端适配运行（ReactNative 端暂不支持）
• 提供友好的 API，可灵活的使用组件