/react-cnode

👨🏻‍💻React构建的cnode社区(附详细问题说明)

Primary LanguageJavaScript

react-cnode

react构建的cnode社区, 在线访问：https://ckinmind.github.io/react-cnode

技术栈

  • React with ES6
  • redux for predictable state
  • redux-thunk for middleware
  • fetch for request

项目说明

  • 本项为学习项目, 原项目地址：react-cnode
  • 原项目虽然应用了redux, 但是数据似乎没有很好的通过action-reducer进行更新
  • 本项目对原项目的数据处理流程进行了基本上全部的改写
  • 原项目使用flex布局, 通过data-的方式来使样式生效, 这种巧妙的方式可以避免CSS样式污染的问题

版本更新(查看Branch / Tags)

  • [v1.2]:优化结构, 函数式组件, 设置定时器更新数据, 详细更新说明 issue 19
  • [v1.1]:改写所有页面, 数据更新走action-reducer, 详细更新说明 issue 1
  • [v1.0]:原始版本(基本同原项目)

待解决问题

  • 数据本地缓存, 重复请求的问题
  • 页面返回时滚动条位置重置的问题
  • 登录组件初始化时componentWillReceiveProps也被调用的问题
  • 在router中做页面跳转权限判定的问题，避免在组件中判定
  • 回复时候markdown渲染的问题

如何开始

> git clone https://github.com/ckinmind/react-cnode.git
> cd react-cnode
> npm install
> npm start

问题收录

  • 关于componentWillReceiveProps的触发的问题(redux中) ,查看 issue 22
  • 如何判断一个空对象, 查看 issue 15
  • 关于设置定时器定时去获取数据, 查看 issue 14
  • 关于在一个异步action中无法调用另一个异步action的问题(同步action可以), 查看 issue 12
  • 关于在removeEventListener时候遇到的问题, 查看 issue 11
  • 关于导航的高亮以及类似(/?tab=a)这样的链接高亮问题, 查看 issue 9
  • 关于dangerouslySetInnerHTML的问题(直接显示html), 查看 issue 7
  • 关于原应用和改写后应用存在的问题, 查看 issue 6
  • 关于路由跳转(在组件和异步action中), 查看 issue 5
  • 关于PureComponet使用问题, 查看 issue 3