Github Daily - Taro 实战网易云音乐项目

嗨,我是 Martin,也叫老王。今天推荐一个 React 实战项目,使用的是京东的 Taro 框架。

Taro

GitHub

简介

Taro 是一套遵循 React 语法规范的 多端开发 解决方案。

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

使用 Taro,我们可以只书写一套代码,再通过 Taro 的编译工具,将源代码分别编译出可以在不同端(微信/百度/支付宝/字节跳动/QQ 小程序、快应用、H5、React-Native 等)运行的代码。

特性

支持多种框架

Taro 目前支持 ReactNervVue 三类框架,在未来 Taro 将开放拓展能力,使得开发者可以通过 Taro 拓展更多的框架支持。

快速开发微信小程序

Taro 立足于微信小程序开发,众所周知小程序的开发体验并不是非常友好,比如小程序中无法使用 npm 来进行第三方库的管理,无法使用一些比较新的 ES 规范等等,针对小程序端的开发弊端,Taro 具有以下的优秀特性

✅ 支持使用 npm/yarn 安装管理第三方依赖

✅ 支持使用 ES7/ES8 甚至更新的 ES 规范,一切都可自行配置

✅ 支持使用 CSS 预编译器,例如 Sass 等

✅ 支持使用 Redux 进行状态管理

✅ 支持使用 MobX 进行状态管理

✅ 小程序 API 优化,异步 API Promise 化等等

# 支持多端开发转化

Taro 方案的初心就是为了打造一个多端开发的解决方案。目前 Taro 代码可以支持转换到 微信/百度/支付宝/字节跳动/QQ 小程序快应用H5 端 以及 移动端(React Native)

下面介绍今天的主角。

taro-music

GitHub

🎉 基于 taro + taro-ui + redux + react-hooks + typescript 的网易云音乐 App

技术栈主要是:typescript、taro、taro-ui、redux、react-hooks

目前主要是着重小程序端的展示,主要也是借此项目强化下上述几个技术栈的使用,打造一个最佳实践项目,通过这个项目也可以帮助你快速使用 Taro 开发一个属于你自己的小程序。

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

效果图

使用方法

启动后端接口服务

git clone https://github.com/Binaryify/NeteaseCloudMusicApi.git

cd NeteaseCloudMusicApi

npm i

npm run start

启动前端项目

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

cd taro-music

npm i

npm run dev:weapp
2 操作
martinageradams 在 2020-07-09 12:32:24 更新了该帖
martinageradams 在 2020-07-08 16:31:07 更新了该帖

赞助商 我要投放

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • yoss 1

    @88250 这样的文章完全复制粘贴项目文档,对浏览者来说没有任何意义。类似内容空洞的搬运文章就不要出现在首页和最新中吧,浪费公共资源。

    温和些的措施是加入个人屏蔽功能,能够完全屏蔽某用户的所有发帖。

    1 回复
  • ghostsf
    捐赠者

    Taro 简单用了下 还不错 不过又是新的 dart ...

    1 回复
  • martinageradams
    作者

    谢谢你的评论。
    我在做一个 GitHub Daily 精选,不知道你有什么好的建议?

    1. 它是资源收集和整合。
    2. 它不是所谓的技术文章,100% 原创。

    我目前是这个想的。

    1 回复
  • martinageradams
    作者

    嗯嗯。明天会推荐一个 Taro 的电商小程序。

  • yoss 1

    要做 GitHub 项目采集整理我不反对,但我建议你不要到处粘贴,你可以做个 GitHub daily 仓库来专门整理你认为的精选项目,不过很早以前就有人在做了 https://github.com/GitHubDaily/GitHubDaily

    通过整理所谓“精选”来获得关注流量是一件很 low 的事情,有这时间不如认真做个能产生实际价值的开源项目,不要学某些“网红程序员”,他们是因为起步早,你现在还在学这些营销手段实在浪费自己的时间,说得难听点就是被他们收智商税。

    2 回复
  • martinageradams
    作者

    感谢你的建议。

  • 88250 2 评论

    楼主,想分享什么就分享吧,只要不违反社区规范就行。

    @yoss 屏蔽用户的机制我一直在考虑,等用户多一些估计就不得不做了,感谢建议。

    感谢 @88250 ,@yoss 说的没毛病。感谢你们。
    martinageradams
    @w3cfed 不客气,这也只是我个人看法,你想怎么做、最终会获得什么回报的判断还是只能你自己决定。
    yoss
  • martinageradams
    作者

    再次来感谢你的建议。准备在 GitHub 收集。
    建立了一个小组,模仿图中的一个仓库 。
    真诚地感谢前辈的建议。❤️❤️❤️

请输入回帖内容 ...