All Projects → duxianwei520 → React M

duxianwei520 / React M

Licence: gpl-2.0
react-mobile

Programming Languages

javascript
184084 projects - #8 most used programming language
es6
455 projects

Projects that are alternatives of or similar to React M

frontend-tutorial
🎨 一个后端程序员的前端技术总结
Stars: ✭ 122 (+117.86%)
Mutual labels:  fetch, eslint
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
Generator Dhboilerplate
Boilerplate made by David Hellmann
Stars: ✭ 54 (-3.57%)
Mutual labels:  eslint
Javascript Style Guide
🎨 Javascript styleguide followed by us here at Pagar.me
Stars: ✭ 49 (-12.5%)
Mutual labels:  eslint
Eslint Plugin Lwc
Official ESLint rules for LWC
Stars: ✭ 51 (-8.93%)
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
Eslint Github Bot
Plugin-based GitHub bot for ESLint
Stars: ✭ 50 (-10.71%)
Mutual labels:  eslint
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
Eslint Module
ESLint module for Nuxt.js
Stars: ✭ 49 (-12.5%)
Mutual labels:  eslint
Eslint Plugin Vue I18n
🌐 ESLint plugin for Vue I18n
Stars: ✭ 50 (-10.71%)
Mutual labels:  eslint
Eslint Plugin Monorepo
ESLint Plugin for monorepos
Stars: ✭ 56 (+0%)
Mutual labels:  eslint

前言

这个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

GPL

交流

想跟其他的使用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].