Taro 开发的多端cnode客户端，h5 , 小程序 ,demo site: http://taro.w3cub.com/
---------------------------------
修改完毕提交会提交 PR。当本仓库有 push 事件发生时会自动更新图片。
这是什么？
这是一个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 `文件名`----------fromhttps://github.com/EasyTuan/taro-msparis
https://github.com/NervJS/taro
https://gitcode.com/NervJS/taro/overview
---------------
使用说明：
编辑根目录的 index.js 文件，修改第一行 userCases 变量，找到对应平台键值，往数组里添加对象:
name: （必填）用名
url: （必填）二维码图片地址
framework: （可选） 开发使用的框架，例如： 'react' , 'vue2' , 'vue3' , 'nerv'
taroVersion: （可选）使用 Taro 的哪一个版本，例如 '1', '2', '3' 或者具体的版本又如 '3.2.0'
screenshot: (可选) 小程序截图 []
举例：
{
name: "京东购物",
url: "http://storage.jd.com/taro-resource/cases/京东购物.png",
framework: "react",
taroVersion: "1.3.39",
screenshot: ["http://img12.360buyimg.com/uba/jfs/t1/17218/32/12691/173425/5c9a3bbaE10b92242/ad8592fc1794cde0.jpg", "http://img12.360buyimg.com/uba/jfs/t1/17218/32/12691/173425/5c9a3bbaE10b92242/ad8592fc1794cde0.jpg"]
},
from https://github.com/NervJS/taro-user-cases
No comments:
Post a Comment