脚本宝典收集整理的这篇文章主要介绍了

react 实战

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

react-yqy

技术栈:

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

运行项目

 git clone https://github.com/ZengTianShengZ/react-yqy.git

 cd react-yqy

 npm i
  
 npm start

 npm run build (发布)

说明

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

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

目标功能

  • [x] 手机号码登录功能
  • [ ] 动态发布功能

    • [x] 文字编辑
    • [x] 图片选择
    • [ ] 地理位置显示和选择
  • [ ] 首页列表基于用户方圆两公里动态筛选展示
  • [x] 动态详情页
  • [ ] 动态评论

    • [x] 评论
    • [x] 回复评论
    • [ ] 删除评论
  • [ ] 用户信息

    • [x] 用户发布的动态列表
    • [ ] 用户评论过得动态列表
    • [ ] 用户信息编辑

目录结构

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

  react-yqy
  |
  |-- src                      //源码目录
  |    |-- api                 // 数据接口
  |    |-- component           // 组件
  |    |-- pages               //页面
         | -- home             //主页
         | -- me               //用户页
         | -- detail           //动态详情页
         | -- pubilsh          //动态发布页
         | -- login            //登录页
  |    |-- router              //主路由
  |    |-- store               // 状态管理
  |    |-- style               //全局样式
  |    |-- utils               //工具方法
  |    |-- App.js              //父组件
  |    |-- index.js            //js 入口文件

项目地址:

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

欢迎 star、 issues、 pr

项目部分页面预览

二维码预览:

总结

以上是脚本宝典为你收集整理的

react 实战

全部内容,希望文章能够帮你解决

react 实战

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过