七分設計感的純React項目Mung

多語言版本

React版Mung

React-Native版Mung

Flutter版Mung

---

1. Mung：是一個基於React編寫，使用豆瓣開源API開發的一個項目。

---

2. 功能概述

• 數據保存 ：支持斷網加載緩存數據。
• 主題換膚 ：如今只支持切換主題顏色，本項目沒幾張圖片。
• 查看電影詳情 ：支持查看電影詳情包括評論。
• 一鍵搜索： 支持標籤和語句查找相關的電影。

---

3. 運行結果圖

---

4. 使用到的框架

• antd-mobile ：阿里的UI庫，主要用到裏面列表顯示、Toast提醒。
• Mobx ：實現狀態管理。
• react-loading ：加載進度條。
• react-router-dom ：路由管理。
• react-transition-group ：實現動畫效果。
• SCSS： 樣式編寫方便、清晰。

---

5. 總結

這是一個React項目主要，以前寫過一個純React-Native項目Mung沒有使用狀態管理庫和UI庫(除漸變庫),相比React-Native,如今React水平仍是比較通常，尤爲是webpack、babel配置等方面，後續有時間還得多看看。裏面還有一個ant-design按需加載的問題，使用react-app-rewired配置後和scss發生衝突，有時間再改下。

6. GitHub地址