duxianwei520 / React M
Licence: gpl-2.0
react-mobile
Stars: ✭ 56
Programming Languages
javascript
184084 projects - #8 most used programming language
es6
455 projects
Projects that are alternatives of or similar to React M
Vue Spa Project
vue.js + vuex + vue-router + fetch + element-ui + es6 + webpack + mock 纯前端SPA项目开发实践
Stars: ✭ 118 (+110.71%)
Mutual labels: eslint, fetch
Gatsby Starter Strict
A Gatsby starter with strict linting and auto-formatting rules.
Stars: ✭ 43 (-23.21%)
Mutual labels: eslint
Cross Fetch
Universal WHATWG Fetch API for Node, Browsers and React Native.
Stars: ✭ 1,063 (+1798.21%)
Mutual labels: fetch
Gatsby Starter Typescript Deluxe
A Gatsby starter with TypeScript, Storybook, Styled Components, Framer Motion, Jest, and more.
Stars: ✭ 50 (-10.71%)
Mutual labels: eslint
Create React Redux App
This project was bootstrapped with Create React App and Redux, Sass Structure.
Stars: ✭ 46 (-17.86%)
Mutual labels: fetch
React Async Fetcher
React component for asynchronous loading/fetch online data
Stars: ✭ 50 (-10.71%)
Mutual labels: fetch
Javascript Eslint.tmbundle
Integrates the ESLint JavaScript validator with TextMate 2
Stars: ✭ 41 (-26.79%)
Mutual labels: eslint
Javascript Style Guide
🎨 Javascript styleguide followed by us here at Pagar.me
Stars: ✭ 49 (-12.5%)
Mutual labels: eslint
Webpack
独自手动搭建公司项目（开发环境和生产环境独立配置）。项目已经上线，线上地址为https://www.taomitao.com/ (⚠️2018.04.18后链接失效)⚠️本仓库仅供学习使用，不再维护。感兴趣者可自行扩展！
Stars: ✭ 49 (-12.5%)
Mutual labels: eslint
Macchina
A system information fetcher, with a focus on performance and minimalism.
Stars: ✭ 45 (-19.64%)
Mutual labels: fetch
Webgl Structure
🚀 A modern, ES6 based, javascript structure for WebGL based projects with THREE.js!
Stars: ✭ 44 (-21.43%)
Mutual labels: eslint
Eslint Plugin Flowtype
Flow type linting rules for ESLint.
Stars: ✭ 1,065 (+1801.79%)
Mutual labels: eslint
Wretch Middlewares
Collection of middlewares for the Wretch library. 🎁
Stars: ✭ 42 (-25%)
Mutual labels: fetch
前言
这个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 (打包)
另开启一个命令窗口 启动node的本地json数据代理服务
npm run mock (对，就是传说中的 mockjs http://highsea90.com/t/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 👍
功能一览
- [√] 项目按路由模块加载
- [√] 登录
- [√] 欢迎主页
- [√] redux完整示范
- [√] mockjs模拟后端返回接口
- [√] fetch数据跨域的设置
- [√] 实时的webpack包大小预览,方便优化
- [√] 页面切换的过场动画
总结
这套框架我们前端部门10个人已经在开发过大大小小十几个项目了，表示还是不错的，兼容性我们没有特别的测试，主流的现代的浏览器功能基本没问题，测试过Firefox跟Safari，现在把web mobile端的框架也开源出来，主要是加入了过场动画以及更换了UI框架，后续我们会继续维护
Mobile端，大家可以看构建好的包大小，经过gzip压缩之后，公共文件包是110.41K，在现在4G的网络环境下，问题不大，然后就是每个业务自己的业务js包了
部分截图
页面切换
构建完成的包的分析截图
License
交流
想跟其他的使用react的小伙伴们交流的话， 可以加入我创建的react QQ群哦：598372207~
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].