react+redux+redux-saga+react-router+antd-mobile开发的OW组队移动端项目

初衷

想学习React的项目开发,想把能用到的都用一遍,就把大杂烩全都融汇进去,做了一个简单入门的React一条龙项目

GitHub

https://github.com/zxj963577494/OverWatchTeams

技术栈

  • react v16
  • redux
  • redux-saga
  • react-redux
  • react-router v4
  • react-router-redux
  • axios
  • antd-mobile
  • LeanCloud

目录结构

react+redux+redux-saga+react-router+antd-mobile开发的OW组队移动端项目_第1张图片
目录结构

项目使用

1.git clone https://github.com/zxj963577494/OverWatchTeams.git

2.cd OverWatchTeams

3.npm install

4.npm dev

注册并获取LeanCloud的appId和appKey,填入src/index.js相关位置

项目介绍

为守望先锋玩家提供组队、战队、交流的信息平台

项目示例

OverWatch Teams

项目截图

react+redux+redux-saga+react-router+antd-mobile开发的OW组队移动端项目_第2张图片
localhost_3000_home(iPhone 7).png

react+redux+redux-saga+react-router+antd-mobile开发的OW组队移动端项目_第3张图片
localhost_3000_home(iPhone 7) (1).png

react+redux+redux-saga+react-router+antd-mobile开发的OW组队移动端项目_第4张图片
localhost_3000_home(iPhone 7) (2).png

react+redux+redux-saga+react-router+antd-mobile开发的OW组队移动端项目_第5张图片
localhost_3000_home(iPhone 7) (3).png

react+redux+redux-saga+react-router+antd-mobile开发的OW组队移动端项目_第6张图片
localhost_3000_home(iPhone 7) (5).png

react+redux+redux-saga+react-router+antd-mobile开发的OW组队移动端项目_第7张图片
localhost_3000_home(iPhone 7) (4).png

免责声明

网站数据均为测试数据,不作为商业用途使用

扩展

  • axios使用请见qipalin-react-redux

你可能感兴趣的:(react+redux+redux-saga+react-router+antd-mobile开发的OW组队移动端项目)