All Projects → ckinmind → react-cnode

ckinmind / react-cnode

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

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to react-cnode

mpvue-cnode
mpvue实现的微信小程序版的cnode论坛
Stars: ✭ 84 (+460%)
Mutual labels:  cnode
cnode-react
a web app for cnode.org with react + react-router + react-redux
Stars: ✭ 23 (+53.33%)
Mutual labels:  cnode
cnode-vue
vue + vue-router + vuex搭建的cnode
Stars: ✭ 29 (+93.33%)
Mutual labels:  cnode
Egg Cnode
CNode 社区 Egg 版本
Stars: ✭ 1,456 (+9606.67%)
Mutual labels:  cnode
vue-cnode
cnode build by vue2
Stars: ✭ 13 (-13.33%)
Mutual labels:  cnode
ts-cnode
🎉🎉🎉vue typescript cnodejs.org
Stars: ✭ 60 (+300%)
Mutual labels:  cnode
noder-react-native
The mobile app of cnodejs.org written in React Native
Stars: ✭ 25 (+66.67%)
Mutual labels:  cnode
cnode-react-app
基于react的仿cnode社区项目
Stars: ✭ 17 (+13.33%)
Mutual labels:  cnode
ReactCnodeJS
☀️React 初/中级项目,CnodeJS社区重构 (a junior project, rewrite cnodejs.org ) 🌟 DEMO:
Stars: ✭ 66 (+340%)
Mutual labels:  cnode

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
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].