Code Monkey home page Code Monkey logo

react-m's Introduction

前言

这个web mobile端的项目

技术栈

react16.x+ + react-router4.x + webpack4.x + axios + less

项目运行

注意:由于涉及大量的 ES6/7 等新属性,nodejs 必须是 6.0 以上版本

git clone https://github.com/duxianwei520/react-m.git  

cd react-m (进入当前的项目)

npm install  (安装依赖包)

npm start (运行本地开发环境)

npm run build (打包)

npm run mock (本地测试接口)

说明

喜欢的别忘记了可以star一下的噢!

开发环境 win10 Chrome 58.0.3029.110  nodejs 6.2.0

如果npm install太慢导致有些npm依赖包下载失败 你可以看控制台的报错信息,再手动npm install 具体的开发包,推荐使用淘宝的注册源,直接运行,

npm install -g cnpm --registry=https://registry.npm.taobao.org 

如有问题请直接在 Issues 中提,或者您发现问题并有非常好的解决方案,欢迎 PR 👍

功能一览

  • [√] 登录
  • [√] 主页
  • [√] 业务模块资源按需加载
  • [√] mock模拟后端接口
  • [√] redux完整示范
  • [√] axios数据跨域的设置
  • [√] 页面切换的过场动画

总结

这套框架我们前端部门10个人已经在开发过大大小小十几个项目了,表示还是不错的,兼容性我们没有特别的测试,主流的现代的浏览器功能基本没问题,测试过Firefox跟Safari,现在把web mobile端的框架也开源出来,主要是加入了过场动画以及更换了UI框架,后续我们会继续维护

Mobile端,大家可以看构建好的包大小,经过gzip压缩之后,公共文件包是110.41K,在现在4G的网络环境下,问题不大,然后就是每个业务自己的业务js包了

部分截图

页面切换

构建完成的包的分析截图

License

GPL

交流

想跟其他的使用react的小伙伴们交流的话, 可以加入我创建的react QQ群哦:598372207~

react-m's People

Contributors

duxianwei520 avatar one-boy avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

react-m's Issues

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.