https://github.com/shuirong/reactcnodejs

☀️React 初/中级项目，CnodeJS社区重构 (a junior project, rewrite cnodejs.org ) 🌟 DEMO:
https://github.com/shuirong/reactcnodejs

cnode cnodejs javascript react react-project react-redux react-router reactjs

Last synced: 3 months ago
JSON representation

☀️React 初/中级项目，CnodeJS社区重构 (a junior project, rewrite cnodejs.org ) 🌟 DEMO:

• Host: GitHub
• URL: https://github.com/shuirong/reactcnodejs
• Owner: shuiRong
• License: mit
• Created: 2018-12-03T14:47:55.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2019-04-02T04:56:37.000Z (almost 6 years ago)
• Last Synced: 2024-10-04T11:32:21.074Z (4 months ago)
• Topics: cnode, cnodejs, javascript, react, react-project, react-redux, react-router, reactjs
• Language: JavaScript
• Homepage: https://reactcnodejs.netlify.com/
• Size: 742 KB
• Stars: 80
• Watchers: 3
• Forks: 19
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# ReactCnodeJS

> 一个 React 的**初/中级**练习项目：重构 CnodeJS 社区

[**在线预览**](https://reactcnodejs.netlify.com/)

![图片预览](static/preview.png)

---

这里**简述下我学习 React 的方式：**

1. 看了一边文档，把‘主要概念’全部看完，‘高级指引’里的根据个人兴趣挑了一些看了看。

2. 紧接着就动手写此项目（大概花了 3 天的业余时间完成）

在此期间根据需要，看了 React-Router 文档，了解了 Redux 的实现原理（但本项目并没有用 Redux）（歪个楼：“我相信任何复杂技术背后的原理都是简单易懂的”）

**P.S.：** 如果你想入门 React,但苦于没有难度合适的项目的话，**It's For You!**

（考虑到别人可能会看我源码来学习，我补充了 **“非常详细的注释”** ）

**P.P.S.：** 项目起源于[Vue.js版CnodeJS](https://github.com/shuiRong/VueCnodeJS)，希望帮助到正在/将要学习Vue的同学。

---

#### 本地运行：

```bash

git clone https://github.com/shuiRong/ReactCnodeJS.git

cd ReactCnodeJS

yarn

yarn start

```

P.S.: 默认用的是 3000 端口。

---

#### 技术栈：

[React](https://reactjs.org/)

[React-Router](https://reacttraining.com/react-router/web/example/basic)

[Ant Design](https://ant.design/index-cn)

[CnodeJS API](https://cnodejs.org/api)