七分设计感的纯React项目Mung

多语言版本

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