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 協議

介紹

做者寫了一篇詳細的文章介紹了開發過程當中遇到的各類坑，仍是總體的設計思考，重構此項目的小夥伴必定要去看一看。

多端開發的正確姿式：打造三端統一的網易嚴選（小程序、H五、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

關注

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

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

遠程工做-遠程實習-自由職業-兼職外包-從電鴨開始