多語言版本
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發生衝突,有時間再改下。