Taro 开发的多端cnode客户端,h5 , 小程序 ,demo site: http://taro.w3cub.com/
---------------------------------
这是什么?
这是一个Taro 开发的多端客户端.
你也可以把他看成是Taro开发指南, 你也可把他看成React开发教程,
你还可以把他看成是Vue和React的比较开发教程。
因为UI和代码基本参照 https://github.com/shinygang/Vue-cnodejs,
你基本上可以找到跟 https://github.com/shinygang/Vue-cnodejs 一对一的目录结构。
你还可以把他看成是Vue和React的比较开发教程。
因为UI和代码基本参照 https://github.com/shinygang/Vue-cnodejs,
你基本上可以找到跟 https://github.com/shinygang/Vue-cnodejs 一对一的目录结构。
起步
git clone --depth 50 -b master --single-branch https://github.com/icai/taro-cnode.git && cd taro-cnode
npm install -g @tarojs/cli
npm install
npm run dev:h5
预览效果
- h5预览地址
- 小程序地址
还在调试中,待定
taro 完整程序可以参考:
声明
基于 https://github.com/shinygang/Vue-cnodejs 和 taro-cli 实现.
---------------------------------
Awesome Taro
多端统一开发框架 Taro 优秀学习资源汇总官方资源
文章教程
- 不敢阅读 npm 包源码?带你揭秘 taro init 背后的哲学
- 从0到1构建适配不同端(微信小程序、H5、React-Native 等)的taro + dva应用
- 【小程序taro最佳实践】http请求封装(方便使用,增加token,统一错误日志记录和上报)
- 【小程序taro 最佳实践】异步action优雅实践(简化流程)
- 使用Taro框架开发小程序
- Taro下利用Decorator快速实现小程序分享
- 微信小程序授权登陆方案以及在Taro下利用Decorator修饰器实现
- 试用React语法的多端框架Taro问题汇总
- Taro 在京东购物小程序上的实践
- Taro实践 - TOPLIFE小程序 开发体验
- Taro 技术揭秘:taro-cli
- 为何我们要用 React 来写小程序 - Taro 诞生记
- GitLab-CI微信小程序进行持续集成和持续部署
- 使用Taro和Typescript进行小程序开发
- 微信小程序及h5,基于taro,zoro最佳实践探索
- 手把手教你用Taro框架写一个图像处理类微信小程序
- Taro 多端开发的正确姿势:打造三端统一的网易严选(小程序、H5、React Native)
- Taro 与 Redux 结合使用教程
- 微信小程序开发之影分身术
开发技巧
示例项目
- Taro Redux 示例 taro-redux-sample
- TodoMVC (小程序/H5/React Native)
- Taro 组件库示例 taro-components-sample
- Taro 端能力示例 taro-apis-sample
- Taro 实验性特性项目 taro-todo
- Taro脚手架(特性: 封装api、redux优雅集成、异常日志上报)
- 仿知乎小程序
- Taro整合Dva示例
- V2ex小程序(TypeScript)
- 与微信小程序原生融合的示例
- taro结合zoro完整方案示例
- Taro-UI + Rematch 示例
- Taro+dva+wxParse多端富文本解析示例
- Taro+Taro-UI+es6 入门demo
- 知识付费小程序(TypeScript)
- 书店小程序: Taro + Redux + 本地 Mock Server 示例项目
- Taro 示例项目(内置 计数器 与 异步请求): Taro + Dva + Typescript + Immutable
- 记日常小程序 Taro-UI + Rematch + 云开发 + tcb-router
开源项目
- 💯首个 Taro 多端统一实例 - 网易严选(小程序 + H5 + React Native)
- 💯基于Taro + Dva构建的时装衣橱(电商实战项目)
- 💯基于Taro + Taro-ui + dva开发的公益App
- Taro 掘金小册源码
- 基于taro + dva开发的音乐播放器小程序
- Taro + Taro-UI GitHub小程序客户端Gitter源码
- 基于Taro + Taro-ui + Typescript + redux开发的网易云音乐小程序
- 基于Taro + dva + Taro-ui + Typescript开发的网易云音乐小程序
第三方库和组件
from https://github.com/NervJS/awesome-tarohttps://gitcode.com/NervJS/awesome-taro/overview
---------------------------------
用 React 编写的基于Taro + Dva构建的适配不同端(微信/百度/支付宝小程序、H5、React-Native 等)的时装衣橱.
---------------------------------
用 React 编写的基于Taro + Dva构建的适配不同端(微信/百度/支付宝小程序、H5、React-Native 等)的时装衣橱.
前言
Taro 是一套遵循 React 语法规范的 多端开发 解决方案。现如今市面上端的形态多种多样,Web、React-Native、微信小程序等各种端大行其道,当业务要求同时在不同的端都要求有所表现的时候,针对不同的端去编写多套代码的成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要。
使用 Taro,我们可以只书写一套代码,再通过 Taro 的编译工具,将源代码分别编译出可以在不同端(微信/百度/支付宝/字节跳动小程序、H5、React-Native 等)运行的代码。
该项目基于Taro,构建了一个时装衣橱的项目演示,涉及了一个电商平台完整的业务逻辑和功能点,如果这个项目能驾驭的了,相信大部分公司的其他React项目也就不在话下。
如遇网络不佳,请移步国内镜像加速节点
效果演示
查看demo请戳这里(请用chrome手机模式预览)
H5版 && 微信小程序版
技术栈
React + Taro + Dva + Sass + ES6/ES7
项目运行
git clone git@github.com:EasyTuan/taro-msparis.git
# 国内镜像加速节点:git@gitee.com:easytuan/taro-msparis.git
cd taro-msparis
# 全局安装taro脚手架
npm install -g @tarojs/cli@1.2.2
# 项目依赖为1.2.2版本,如要升级,请同时升级项目依赖
# 如用1.2.2版本,请忽略这句
taro update project
# 安装项目依赖
npm install
# 微信小程序
npm run dev:weapp
# 支付宝小程序
npm run dev:alipay
# 百度小程序
npm run dev:swan
# 字节跳动小程序
npm run dev:tt
# H5
npm run dev:h5
# React Native
npm run dev:rn
# pages模版快速生成
npm run tep `文件名`
----------from
https://github.com/EasyTuan/taro-msparis
https://github.com/NervJS/taro
https://gitcode.com/NervJS/taro/overview
No comments:
Post a Comment