GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → loveRandy → React Admin

loveRandy / React Admin

基于[email protected]的react动态权限后台管理系统模板

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

reactreduxantdcreate-react-appreact-reduxredux-thunkreact-dom

Projects that are alternatives of or similar to React Admin

Create React App Redux
React Router, Redux, Redux Thunk & Create React App boilerplate
Stars: ✭ 885 (+486.09%)
Mutual labels:  create-react-app, redux-thunk, react-redux
React Admin
基于antd、redux-observable、redux-thunk、react-router响应式SPA脚手架，后台管理系统demo. 权限管理，用户管理，菜单管理。无限级菜单，下拉树形选择框
Stars: ✭ 141 (-6.62%)
Mutual labels:  redux-thunk, antd, react-redux
React Social Network
Simple React Social Network
Stars: ✭ 409 (+170.86%)
Mutual labels:  create-react-app, redux-thunk, react-redux
redux-login
React & Redux 实现注册登录认证系统 - 视频源码
Stars: ✭ 26 (-82.78%)
Mutual labels:  create-react-app, react-redux, redux-thunk
boss
React+express+sock.io+mongodb build a boss
Stars: ✭ 25 (-83.44%)
Mutual labels:  create-react-app, react-redux, redux-thunk
Starcabinet
🎉 开源的跨平台Github Stars管理分析工具
Stars: ✭ 399 (+164.24%)
Mutual labels:  redux-thunk, antd, react-redux
React Antd Admin Template
一个基于React+Antd的后台管理模版，在线预览https://nlrx-wjc.github.io/react-antd-admin-template/
Stars: ✭ 1,022 (+576.82%)
Mutual labels:  create-react-app, redux-thunk, react-redux
react-antd-admin
react-antd-admin 是一个后台集成解决方案，它基于 react 和 antd; 内置了动态路由，标签页缓存，权限验证、切换功能
Stars: ✭ 42 (-72.19%)
Mutual labels:  create-react-app, react-redux, antd
ant-design-snippets
ant-design-snippets
Stars: ✭ 18 (-88.08%)
Mutual labels:  react-redux, redux-thunk, antd
Reactspa
combination of react teconology stack
Stars: ✭ 911 (+503.31%)
Mutual labels:  redux-thunk, antd, react-redux
Antd Umi Sys
企业BI系统，数据可视化平台，主要技术：react、antd、umi、dva、es6、less等，与君共勉，互相学习，如果喜欢请start ⭐。
Stars: ✭ 503 (+233.11%)
Mutual labels:  antd, react-redux
React Latest Framework
a client framework of React
Stars: ✭ 835 (+452.98%)
Mutual labels:  create-react-app, antd
Create React App Antd
Use antd in create-react-app without ejecting ✨
Stars: ✭ 494 (+227.15%)
Mutual labels:  create-react-app, antd
Youtube React
A Youtube clone built in React, Redux, Redux-saga
Stars: ✭ 421 (+178.81%)
Mutual labels:  create-react-app, react-redux
Tonzhon Music
将QQ音乐、网易云音乐和酷我音乐上的歌添加到一个列表来播放！
Stars: ✭ 257 (+70.2%)
Mutual labels:  antd, react-redux
Todo React Redux
Todo app with Create-React-App • React-Redux • Firebase • OAuth
Stars: ✭ 942 (+523.84%)
Mutual labels:  create-react-app, react-redux
Emptyd Admin Webpack
基于typescript react webpack的脚手架
Stars: ✭ 30 (-80.13%)
Mutual labels:  antd, react-redux
Simple Universal React Redux
The simplest possible Async Universal React & Redux Boilerplate app, that works on both Mac and Windows
Stars: ✭ 58 (-61.59%)
Mutual labels:  redux-thunk, react-redux
Egg React Typescript Boilerplate
Egg React TypeScript Server Side Render (SSR) / Client Side Render (CSR)
Stars: ✭ 56 (-62.91%)
Mutual labels:  react-redux, react-dom
Epee React Admin Ts
🗡简洁、高效、易扩展的 React 快速开发模板，基于布局设计，纯 Hooks 开发，提供全链路类型检查及工具
Stars: ✭ 68 (-54.97%)
Mutual labels:  create-react-app, antd
View All Similar Projects ➔

线上预览地址

vue版本请移步

项目简介

根据不同的的角色展示不同的列表,项目里涵盖了后台管理系统里90%的需求,没有多余的东西,如果有自己的需求单独加上即可,如富文本,拖拽网上都有现成的

脚手架版本:

*[email protected] 这个版本用webpack.config.js替换了webpack.config.prod.js和webpack.config.dev.js

用到react相关的生态链模块:

  • react
  • react-dom
  • react-router-dom
  • redux:
  • react-redux
  • redux-actions
  • redux-thunk
  • antd

项目要点

  • less配置、antd按需加载
  • 路由懒加载
  • 根据权限生成动态路由
  • 使用connect简化redux使用
  • 全局数据请求拦截处理及loading
  • 多个代理配置
  • 常用表单封装、tabel封装
  • 抽离第三方库文件dll

项目启动步骤

  1. 安装包 cnpm/npm install
  2. 开发运行 npm run start
  3. 生产打包 npm run dll (仅需运行一次) npm run build

个人博客系统:www.randy168.com

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