七分设计感的纯React项目Mung

栏目: 服务器 · 发布时间: 6年前

多语言版本

React版Mung

React-Native版Mung

Flutter版Mung

1. Mung:是一个基于React编写,使用豆瓣a开源API开发的一个项目。

七分设计感的纯React项目Mung

2. 功能概述

  • 数据保存 :支持断网加载缓存数据。
  • 主题换肤 :现在只支持切换主题颜色,本项目没几张图片。
  • 查看电影详情 :支持查看电影详情包括评论。
  • 一键搜索 : 支持标签和语句查找相关的电影。

3. 运行结果图

七分设计感的纯React项目Mung

七分设计感的纯React项目Mung

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


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

新媒体营销概论

新媒体营销概论

秋叶、刘勇 / 人民邮电出版社 / 2016-12-1 / 36.00

本书共分6章。第1章重点介绍了新媒体的概念和特征,引导读者全面认识新媒体所处的行业;第2章用历史发展的眼光,介绍了不同类型的新媒体,让读者不仅能看到最新的新媒体模式,也能看到这个模式发展背后的脉络;第3章重点介绍了新媒体广告投放载体,便于读者选择适合自己的新媒体运营方式;第4章介绍了新媒体运营的策划思维;第5章介绍了新媒体舆情管理知识;第6章选取了可口可乐、海底捞、恒大冰泉等的新媒体助力传统行业转......一起来看看 《新媒体营销概论》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具