All Projects → shuiRong → ReactCnodeJS

shuiRong / ReactCnodeJS

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

Programming Languages

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

Projects that are alternatives of or similar to ReactCnodeJS

cnode-react
a web app for cnode.org with react + react-router + react-redux
Stars: ✭ 23 (-65.15%)
Mutual labels:  react-router, react-redux, cnodejs, cnode
kugou
multiple implementations for kugou music
Stars: ✭ 25 (-62.12%)
Mutual labels:  react-router, react-redux
OpenTrivia
Multiplayer quiz game demo using React and Opentdb API
Stars: ✭ 47 (-28.79%)
Mutual labels:  react-router, react-redux
react-antd
基于react + redux + immutable + less + ES6/7 + webpack2.0 + fetch + react-router + antd实现的SPA后台管理系统模板
Stars: ✭ 320 (+384.85%)
Mutual labels:  react-router, react-redux
rgxp
Regular Expression Collection (ReactJS, Redux, React Router, Recompose, NodeJS, Express)
Stars: ✭ 62 (-6.06%)
Mutual labels:  react-router, react-redux
Questions
Web app inspired by Quora, allowing users ask question and get answers
Stars: ✭ 15 (-77.27%)
Mutual labels:  react-router, react-redux
react-cheat-sheet
📚 The perfect React Cheat Sheet for daily use with a lot of Javascript / JSX snippets !
Stars: ✭ 59 (-10.61%)
Mutual labels:  react-router, react-redux
awesome-web-react
🚀 Awesome Web Based React 🚀 Develop online with React!
Stars: ✭ 31 (-53.03%)
Mutual labels:  react-router, react-redux
react-laravel
A simple crud based laravel app to learn how to use react with laravel.
Stars: ✭ 43 (-34.85%)
Mutual labels:  react-router, react-redux
PERN-Advanced-Starter
Advanced PERN stack starter kit (PostgresSQL, Express, React, & Node), complete with ESLint, Webpack 4, Redux, React-Router, and Material-UI kit.
Stars: ✭ 51 (-22.73%)
Mutual labels:  react-router, react-redux
Client
TRPG即时IM通讯软件客户端,基于React 与 React Native + Redux技术
Stars: ✭ 118 (+78.79%)
Mutual labels:  react-router, react-redux
ts-react-boilerplate
A very opinionated (React/TypeScript/Redux/etc) frontend boilerplate
Stars: ✭ 43 (-34.85%)
Mutual labels:  react-router, react-redux
react-guidebook
📚 React 知识图谱 关于概念、技巧、生态、前沿、源码核心
Stars: ✭ 22 (-66.67%)
Mutual labels:  react-router, react-redux
react-demo
一个实际项目(OA系统)中的部分功能。这个demo中引入了数据库,数据库使用了mongodb。安装mongodb才能运行完整的功能
Stars: ✭ 92 (+39.39%)
Mutual labels:  react-router, react-redux
cnode-vue
vue + vue-router + vuex搭建的cnode
Stars: ✭ 29 (-56.06%)
Mutual labels:  cnodejs, cnode
rapid-react
A light weight interactive CLI Automation Tool 🛠️ for rapid scaffolding of tailored React apps with Create React App under the hood.
Stars: ✭ 73 (+10.61%)
Mutual labels:  react-router, react-redux
React Sight
Visualization tool for React, with support for Fiber, Router (v4), and Redux
Stars: ✭ 2,716 (+4015.15%)
Mutual labels:  react-router, react-redux
spring-boot-react-ecommerce-app
eCommerce application based on the microservices architecture built using Spring Boot and ReactJS.
Stars: ✭ 221 (+234.85%)
Mutual labels:  react-router, react-redux
React-Playground
Learning reactjs from the ground up (router, redux, thunk, hooks, context, portals, and functional components)
Stars: ✭ 15 (-77.27%)
Mutual labels:  react-router, react-redux
laravel-react-boilerplate
Laravel React Boilerplate with Ant Design, Route-Level Code Splitting, Redux, Sanctum Auth
Stars: ✭ 49 (-25.76%)
Mutual labels:  react-router, react-redux

ReactCnodeJS

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

在线预览 图片预览


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

  1. 看了一边文档,把‘主要概念’全部看完,‘高级指引’里的根据个人兴趣挑了一些看了看。
  2. 紧接着就动手写此项目(大概花了 3 天的业余时间完成)

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

P.S.: 如果你想入门 React,但苦于没有难度合适的项目的话,It's For You! (考虑到别人可能会看我源码来学习,我补充了 “非常详细的注释”

P.P.S.: 项目起源于Vue.js版CnodeJS,希望帮助到正在/将要学习Vue的同学。


本地运行:

git clone https://github.com/shuiRong/ReactCnodeJS.git
cd ReactCnodeJS
yarn
yarn start

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


技术栈:

React

React-Router

Ant Design

CnodeJS API

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].