GithubHelp home page GithubHelp logo

fengg5241 / react-cnode Goto Github PK

View Code? Open in Web Editor NEW

This project forked from ckinmind/react-cnode

0.0 2.0 0.0 1.25 MB

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

Home Page: https://ckinmind.github.io/react-cnode

JavaScript 79.54% HTML 5.05% CSS 15.41%

react-cnode's Introduction

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

react-cnode's People

Contributors

ckinmind avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.