七分設計感的純React專案Mung

mochixuan發表於2019-04-28

多語言版本

React版Mung

React-Native版Mung

Flutter版Mung


1. Mung:是一個基於React編寫,使用豆瓣開源API開發的一個專案。

ic_launcher.png


2. 功能概述

  • 資料儲存 :支援斷網載入快取資料。
  • 主題換膚 :現在只支援切換主題顏色,本專案沒幾張圖片。
  • 檢視電影詳情 :支援檢視電影詳情包括評論。
  • 一鍵搜尋: 支援標籤和語句查詢相關的電影。

3. 執行結果圖

icon_ppt1.png

icon_ppt2.png


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地址

相關文章