React构建的cnode社区(附详细问题说明)
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
cfg
dist
src
test
.babelrc
.editorconfig
.eslintrc
.gitignore
.npminstall.done
.yo-rc.json
README.md
karma.conf.js
package.json
route.js
server.js
webpack.config.js

README.md

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