Github Daily - Taro 实战网易严选三端项目

简介: 嗨,我是 `Martin`,也叫老王。今天推荐一个 `React` 实战项目,使用京东的 `Taro` 框架开发的三端电商应用 —— 仿网易严选。

嗨,我是 Martin,也叫老王。今天推荐一个 React 实战项目,使用京东的 Taro 框架开发的三端电商应用 —— 仿网易严选。

项目已经有点老旧。Martin 推荐它,是因为这是一个完整的 Taro 多端电商项目。

我们可以学习电商小程序页面的布局多端开发思路与技巧,把不完整的项目进一步完善。

值得一提的是,由于网易接口可能已经发生变化,项目整体功能可能不正常。

有最新接口信息的小伙伴,请联系 Martin 哟。

你需要使用 Taro 3.0.0 对此项目重构一下。

下面让我们看一下 taro-yanxuan 的 GitHub 项目介绍。Martin 略有删减。

taro-yanxuan

Github

首个 Taro 多端统一实例 - 网易严选(小程序 + H5 + React Native) - By 趣店 FED

https://github.com/qit-team/taro-yanxuan

  • Watch 59
  • star 2.1K
  • fork 464
  • MIT 协议

介绍

作者写了一篇详细的文章介绍了开发过程中遇到的各种坑,还是整体的设计思考,重构此项目的小伙伴一定要去看一看。

多端开发的正确姿势:打造三端统一的网易严选(小程序、H5、React Native)

效果

安装

项目直接使用的网易严选接口(网易登录接口改动,暂时无法登陆)。

https://github.com/qit-team/taro-yanxuan.git

# 安装依赖,或 npm i
yarn

# 运行小程序,编译后的文件位于项目下的 dist 文件夹
# (微信 dev:weapp,支付宝 dev:alipay)
npm run dev:weapp

# 运行 H5
npm run dev:h5

# 运行 React Native,请务必查阅文档:https://nervjs.github.io/taro/docs/react-native.html
npm run dev:rn

启动项目

git clone https://github.com/lsqy/taro-music.git

cd taro-music

npm i

npm run dev:weapp

关注

今天的分享就到这里,点赞、收藏、留言,三连。

关注公众号「前端时空」,送你一份前端大礼包

相关文章
|
8天前
|
消息中间件 安全 druid
GitHub昙花一现!《Spring Boot趣味实战课》神作开源几分钟被下架
今天给大家分享好书了:刘水镜老师的 《Spring Boot趣味实战课》,网上依旧是没有开源版本!小编会在文末附电子版免费下载方式。 刘水镜是谁? 十余年持续技术文章输出,CSDN博客专家。2020年《 Spring Boot趣味私房课》专栏上线,凭借风趣幽默、深入浅出的写作风格深受读者好评。 《Spring Boot趣味实战课》 内容丰富、趣味实战是本书的两大特色 涵盖 Spring MVC、MyBatis Plus、Spring DaJPA、Spring Security、Quartz等主流框架 整合MySQL. Druid、Redis、 RabbitMQ、Elastics
17 0
|
11天前
|
程序员 数据库
十一假期,分享几个好玩儿的GitHub项目
十一假期,分享几个好玩儿的GitHub项目
24 0
|
1月前
|
开发工具 git Python
Pycharm克隆github项目
Pycharm克隆github项目
|
2月前
|
数据采集 JSON 数据可视化
GitHub上有哪些好的项目可以关注
GitHub上有哪些好的项目可以关注
|
2月前
实时发现GitHub最热项目
实时发现GitHub最热项目
|
2月前
|
缓存 运维 监控
GitHub现新霸主!「Java并发编程实战攻略」竟是阿里内部顶级机密
随着经济环境下行,大厂降本增效、筛除了一部分冗余岗位,原本荒蛮的 IT 行业发展正在逐步进入正轨中。虽说依旧算是不温不火,但在今年的技术招聘市场上,Java 依旧是当仁不让的霸主!
44 1
|
2月前
|
JavaScript jenkins 应用服务中间件
Jenkins + Github + Nginx 自动化部署 Vue 项目
Jenkins + Github + Nginx 自动化部署 Vue 项目
105 0
|
2月前
|
程序员 开发工具 git
【实测】gitlab/github 如何过滤项目内的文件
【实测】gitlab/github 如何过滤项目内的文件
|
2月前
|
小程序 API 数据安全/隐私保护
github短视频去除水印项目Douyin_TikTok_Download_API介绍
当下正值短视频盛行的时代。在我们浏览短视频的同时,经常能发现一些精美的图片、引人入胜的文案以及吸引眼球的视频,想要将它们保存到本地。然而,保存下来的图片或视频通常伴随着不太愉悦的水印,这显著降低了使用体验。因此,我时常思考是否存在途径能够下载一些无水印的图片。虽然有许多小程序等可以保存无水印的图片或视频,但它们往往伴随着一些令人不悦的广告或付费等。今天,在浏览 GitHub 时偶然发现了一个开源项目,名为“Douyin_TikTok_Download_API”,它能够满足我们的需求。在本文中,我将详细介绍这个项目,并分享如何进行部署和使用。
112 1
github短视频去除水印项目Douyin_TikTok_Download_API介绍

相关产品

  • 云迁移中心