Skip to content

a react-elm by react && react-redux

License

Notifications You must be signed in to change notification settings

missop/react-elm

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

97 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-elm

前言

之前学习vue的时候, 就学习过bailicangdu大神的vue2-elm项目.最近在学习完react基础,想找一个实战项目来练手深入了解react, 就打算用react重写vue2-elm,后端数据还是用vue2-elm,实在没有经历撸后端(感谢bailicangdu).
该项目是饿了吗, 目前开发了登录、注册、购物车、商品展示、用户信息等,算一个比较完整的项目,这个项目比较复杂,这也是我选这个项目的原因

技术栈

react4 + react-redux + react-router + es6 + axios + sass + webpack

说明

觉得对你有帮助,请点右上角的Star支持一下
bailicangdu大神的项目地址点这里
推荐一下我的另一个项目“用console.log看vue源码” 点这里

项目运行

node >= 6.0

  git clone [email protected]:liuyangjike/react-elm.git
  cd react-elm
  npm install 或用 cnpm
  npm run start

演示

demo

请用Chrome调试的手机模式查看

截图

           

项目结构

├── build          ----------------------网页配置
   ├── favicon.ico  
   └── manifest.json 
├── config            ------------------webpack配置
   ├── env.js       
   ├── jest          
      ├── cssTransform.js
      └── fileTransform.js
   ├── paths.js
   ├── webpack.config.dev.js
   ├── webpack.config.prod.js
   └── webpackDevServer.config.js
├── package-lock.json
├── package.json    --------------------项目package.json
├── public          --------------------出口
   ├── favicon.ico
   ├── index.html
   └── manifest.json
├── scripts        ---------------------运行的脚本
   ├── build.js
   ├── start.js
   └── test.js
├── src           ----------------------源码目录
   ├── api       ----------------------API目录
      ├── api.js
      └── server.js
   ├── assets   -----------------------资源目录
      └── iconfont -------------------iconfont目录
   ├── components   -------------------公共组件
      ├── alert_tip  -----------------提示组件
      ├── footer   -------------------导航栏组件
      ├── header  --------------------header组件
      ├── loader  --------------------加载组件
      └── shop_list ------------------商店列表组件
   ├── config    ----------------------项目一些配置
      ├── envconfig.js  --------------配置信息
      └── rem.js  --------------------自适应
   ├── index.js    --------------------入口
   ├── pages       --------------------页面目录
      ├── food    --------------------食物页面
      ├── info   ---------------------个人信息页面
      ├── login  ---------------------登录页面
      ├── msite  ---------------------商店页面
      ├── profile --------------------主页页面
      ├── set_user -------------------用户信息设置页面
      ├── shop   ---------------------商店详情页面
      └── technology  ----------------技术栈页面
   ├── router   -----------------------路由
      └── index.js
   ├── serviceWorker.js  --------------热加载
   ├── store   ------------------------react-redux状态管理目录
      ├── store.js
      └── user
   ├── style   ------------------------通用样式目录
      ├── base.scss
      ├── mixin.scss
      └── swiper.min.css
   └── utils  ------------------------公用方法
       ├── asyncComponent.jsx  -------异步加载组件
       └── commons.js  ---------------公用方法
├── README.md      ----------------------README
└── tree.md  --------------------------项目结构

About

a react-elm by react && react-redux

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 75.8%
  • CSS 21.9%
  • HTML 2.3%