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


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

查看所有标签

猜你喜欢:

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

The Golden Ticket

The Golden Ticket

Lance Fortnow / Princeton University Press / 2013-3-31 / USD 26.95

The P-NP problem is the most important open problem in computer science, if not all of mathematics. The Golden Ticket provides a nontechnical introduction to P-NP, its rich history, and its algorithmi......一起来看看 《The Golden Ticket》 这本书的介绍吧!

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具

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

HEX CMYK 互转工具