react 实战

前端之家收集整理的这篇文章主要介绍了react 实战前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

react-yqy

技术栈:

react + redux + webpack + react-router v4 + ES6/7/8 + immutable + antd-mobile

运行项目

  1. git clone https://github.com/ZengTianShengZ/react-yqy.git
  2.  
  3. cd react-yqy
  4.  
  5. npm i
  6. npm start
  7.  
  8. npm run build (发布)

说明

本项目主要用于 react 的学习,但有意将它做成一款产品,算是技术的一种产出,也能在学习中有成就感。

这是一款什么样的产品呢,这是一款基于地理位置有社交属性的产品,具有发动态,动态评论功能
围绕用户推送两公里内的动态内容。产品的主旨是【方圆两公里,分享身边事】,区别于微信的朋友圈,
该产品用户群体定位在泛熟群体,用户可以在生活区或工作区分享或了解身边的人和事。当然如果你对产品
有更好的想法或想象,可以敲起你的键盘,咱们一起来实现它吧。

目标功能

目录结构

本项目构建工具采用的是 create-react-app

  1. react-yqy
  2. |
  3. |-- src //源码目录
  4. | |-- api // 数据接口
  5. | |-- component // 组件
  6. | |-- pages //页面
  7. | -- home //主页
  8. | -- me //用户
  9. | -- detail //动态详情页
  10. | -- pubilsh //动态发布页
  11. | -- login //登录
  12. | |-- router //主路由
  13. | |-- store // 状态管理
  14. | |-- style //全局样式
  15. | |-- utils //工具方法
  16. | |-- App.js //父组件
  17. | |-- index.js //js 入口文件

项目地址:

https://github.com/ZengTianSh...

欢迎 star、 issues、 pr

项目部分页面预览

二维码预览:

猜你在找的React相关文章