多语言版本
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 地址
来源: http://www.jianshu.com/p/28ba3bad5cb7