GithubHelp home page GithubHelp logo

mung-react's Introduction

2019-5-14通知:豆瓣API忽然下线了。

紧急修复方法:
需要运行的修改config/webpackDevServer.config.js里的

"target": "https://api.douban.com/v2"
修改为 
"target": "https://douban.uieee.com/v2",
或者
"target": "http://t.yushu.im/v2",

网上查找的资料可以运行,测过有效。但这两个都是别的开发者自己写的不能保证长期有效,这次豆瓣把API停了也没说原因,可能过几天就好了,所以地址还是不改,不能运行的可以改一下就可以了,测过有效。


Mung-React

npm start //运行

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

image


2. 功能概述

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

3. 运行结果图

image image


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

mung-react's People

Contributors

mochixuan avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.