七分设计感的纯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 地址