Github Daily - Taro 實戰網易雲音樂項目

電鴨社區-遠程工做-自由職業-兼職外包-自由從這開始

嗨，我是 Martin，也叫老王。今天推薦一個 React 實戰項目,使用的是京東的 Taro 框架。

Taro

Github

github.com/NervJS/taro

• watch 688
• star 26.2k
• fork 3.2k

簡介

Taro 是一套遵循 React 語法規範的 多端開發 解決方案。

現現在市面上端的形態多種多樣，Web、React-Native、微信小程序等各類端大行其道，當業務要求同時在不一樣的端都要求有所表現的時候，針對不一樣的端去編寫多套代碼的成本顯然很是高，這時候只編寫一套代碼就可以適配到多端的能力就顯得極爲須要。

使用 Taro，咱們能夠只書寫一套代碼，再經過 Taro 的編譯工具，將源代碼分別編譯出能夠在不一樣端（微信/百度/支付寶/字節跳動/QQ小程序、快應用、H五、React-Native 等）運行的代碼。

特性

支持多種框架

Taro 目前支持 React、Nerv、Vue 三類框架，在將來 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

• Watch 17
• star 568
• fork 107
• MIT 協議

效果圖

使用方法

啓動後端接口服務

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
複製代碼

內容更新

看到了做者的項目介紹文章，如今補充到這裏。

基於Taro與typescript開發的網易雲音樂小程序(持續更新）

感謝 @lsqy 的項目。做者目前在阿里工做。

關注咱們

今天的分享就到這裏，點贊、收藏、留言，三連。

關注公衆號「前端時空」，送你一份前端大禮包。

電鴨社區-遠程工做-自由職業-兼職外包-自由從這開始