好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

Taro

Taro 介绍

简介

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

使用? Taro ,我们可以只书写一套 代码 ,再通过? Taro ?的编译工具,将源 代码 分别编译出可以在不同端( 微信小程序 、H5、react-Native 等)运行的 代码 。

Taro 特性

Taro 的语法规则基于 react 规范,它采用与 react 一致的组件化思想,组件生命周期与 react 保持一致,同时在书写体验上也尽量与 react 类似, 支持 使用 jsX 语法,让 代码 具有更丰富的表现力。

代码 示例

import Taro ,{ Component } from '@ Taro js/ Taro '

import { View,Button } from '@ Taro js/components'

export default class Index extends Component {

constructor () {

super(...arguments)

this.state = {

title: ' 首页 ',

list: [1,2,3]

}

}

componen twill Mount () {}

componentDidMount () {}

componen twill Update (nextProps,nextState) {}

componentDidUpdate (prevProps,pre vsta te) {}

shouldComponentUpdate (nextProps,nextState) {

return true

}

add = (e) => {

// dosth

}

render () {

return (

<View className='index'>

<View className='title'>{this.state.title}</View>

<View className='content'>

{this.state.list.map(item => {

return (

<View className='item'>{item}</View>

)

})}

<Button className='add' onClick={this.add}> 添加 </Button>

</View>

</View>

)

}

}

快速 开发 微信小程序 Taro 立足于 微信小程序 开发,众所周知 小程序 的开发体验并不是非常友好,比如 小程序 中无法使用 npm 来进行第三方库的管理,无法使用一些比较新的 ES 规范等等,针对 小程序 端的开发弊端, Taro 具有以下的优秀特性: 支持 使用 npm/yarn 安装管理第三方依赖。 支持 使用 ES7/ES8 甚至更加新的 ES 规范,一切都可自行配置。 支持 使用 css 预编译器,例如 Sass 等。 支持 使用 R edux 进行状态管理。 小程序 API 优化,异步 API Promise 化等等。 链接 : http://www.fly63.com/nav/872

网站地址 : https://taro.aotu.io/

GitHub: https://github.com/NervJS/taro

网站描述: 多端统一开发框架, 生成 能运行在 微信小程序 、H5、React Native 等的应用

Taro官方网站

官方网站: https://taro.aotu.io/

如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。

查看更多关于Taro的详细内容...

  阅读:30次

上一篇

下一篇

第1节:PhoneGap    第2节:WXPage    第3节:Remax    第4节:Mobiscroll    第5节:mobilebone.js    第6节:WeZRender    第7节:weex    第8节:image-cropper    第9节:mobile-calendar    第10节:amazeui    第11节:weui    第12节:wxapp-market    第13节:material-kit    第14节:AUI Mobile    第15节:touchui    第16节:alita    第17节:vum    第18节:FrozenUI    第19节:Touch WX    第20节:Flutter    第21节:nutui    第22节:Onsen UI    第23节:Tina.js    第24节:fastclick    第25节:golden-layout    第26节:Weex Ui    第27节:cordova    第28节:wxParse    第29节:antmove    第30节:GMU    第31节:react-use-gesture    第32节:labrador    第33节:wux-weapp    第34节:vux    第35节:noUiSlider    第36节:wechat-im    第37节:jquery-weui    第38节:vant    第39节:pulltorefresh.js    第40节:slip.js    第41节:react-native-sideswipe    第42节:BeautyWe.js    第43节:lottie-web    第44节:react-native-elements    第45节:cube-ui    第46节:lin-ui    第47节:wxSearch    第48节:DHTMLX    第49节:bttn.css    第50节:微信小程序    第51节:westore    第52节:framework7    第53节:uni-app    第54节:vue2-elm    第55节:vue-ydui    第56节:bindingx    第57节:Jingle UI    第58节:weui-wxss    第59节:WeexBox 2.0    第60节:vant-weapp    第61节:NativeScript    第62节:快应用    第63节:weui+    第64节:Taro    第65节:NativeBase    第66节:graceUI    第67节:mavonEditor    第68节:Ratchet    第69节:AKjs.Mobile    第70节:mobile-angular-ui    第71节:React Belle    第72节:Hermes    第73节:ColorUI    第74节:Atom-Design    第75节:ionic    第76节:wxapp-img-loader    第77节:React Native    第78节:jquery Mobile    第79节:vueg    第80节:mand-mobile    第81节:wemark    第82节:vasern    第83节:mint-ui    第84节:uni-simple-router    第85节:switchery    第86节:mobi.css    第87节:Mand Mobile    第88节:react-virtualized    第89节:iview-weapp    第90节:eros    第91节:minui    第92节:react-native-ui-lib