七分设计感的纯React项目Mung

Z时代
2024-01-10
分类：综合

react

多语言版本

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发生冲突，有时间再改下。