美文网首页React Native开发程序员程序园
七分设计感的纯React项目Mung

七分设计感的纯React项目Mung

作者: mochixuan | 来源:发表于2019-04-28 11:50 被阅读30次

    多语言版本

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

    相关文章

      网友评论

        本文标题:七分设计感的纯React项目Mung

        本文链接:https://www.haomeiwen.com/subject/xokdnqtx.html