乐趣区

七分设计感的纯React项目Mung

多语言版本

React 版 Mung

React-Native 版 Mung

Flutter 版 Mung


1. Mung:是一个基于 React 编写,使用豆瓣 a 开源 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 地址

退出移动版