GitHub Daily - 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

關注

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

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

Martin 是電鴨社群的建設者。打個小廣告，遠端工作-遠端實習-自由職業-兼職外包-從電鴨開始。

本作品採用《CC 協議》，轉載必須註明作者和本文連結