All Projects → lanux → React Admin

lanux / React Admin

Licence: apache-2.0
基于antd、redux-observable、redux-thunk、react-router响应式SPA脚手架,后台管理系统demo. 权限管理,用户管理,菜单管理。无限级菜单,下拉树形选择框

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to React Admin

React Antd Admin Template
一个基于React+Antd的后台管理模版,在线预览https://nlrx-wjc.github.io/react-antd-admin-template/
Stars: ✭ 1,022 (+624.82%)
Mutual labels:  redux-thunk, react-router, react-redux
cra-redux-boilerplate
⚛️🔨create-react-app application with redux and another cool libraries to make your life easier.
Stars: ✭ 15 (-89.36%)
Mutual labels:  react-router, react-redux, redux-thunk
ts-react-boilerplate
A very opinionated (React/TypeScript/Redux/etc) frontend boilerplate
Stars: ✭ 43 (-69.5%)
Mutual labels:  redux-observable, react-router, react-redux
Simple Universal React Redux
The simplest possible Async Universal React & Redux Boilerplate app, that works on both Mac and Windows
Stars: ✭ 58 (-58.87%)
Mutual labels:  redux-thunk, react-router, react-redux
Starcabinet
🎉 开源的跨平台Github Stars管理分析工具
Stars: ✭ 399 (+182.98%)
Mutual labels:  redux-thunk, antd, react-redux
spring-boot-react-ecommerce-app
eCommerce application based on the microservices architecture built using Spring Boot and ReactJS.
Stars: ✭ 221 (+56.74%)
Mutual labels:  react-router, react-redux, redux-thunk
laravel-react-boilerplate
Laravel React Boilerplate with Ant Design, Route-Level Code Splitting, Redux, Sanctum Auth
Stars: ✭ 49 (-65.25%)
Mutual labels:  react-router, react-redux, antd
React Admin
基于[email protected]的react动态权限后台管理系统模板
Stars: ✭ 151 (+7.09%)
Mutual labels:  redux-thunk, antd, react-redux
Tonzhon Music
将QQ音乐、网易云音乐和酷我音乐上的歌添加到一个列表来播放!
Stars: ✭ 257 (+82.27%)
Mutual labels:  antd, react-router, react-redux
ant-design-snippets
ant-design-snippets
Stars: ✭ 18 (-87.23%)
Mutual labels:  react-redux, redux-thunk, antd
Alldemo
🍑 2020全栈学习Demo大合集 包含最新 hooks TS 等 还有umi+dva,数据可视化等实战项目 (持续更新中)
Stars: ✭ 189 (+34.04%)
Mutual labels:  antd, react-router, react-redux
Create React App Redux
React Router, Redux, Redux Thunk & Create React App boilerplate
Stars: ✭ 885 (+527.66%)
Mutual labels:  redux-thunk, react-router, react-redux
React-Playground
Learning reactjs from the ground up (router, redux, thunk, hooks, context, portals, and functional components)
Stars: ✭ 15 (-89.36%)
Mutual labels:  react-router, react-redux, redux-thunk
trivin
⚡️Setup your entire project quickly and easily with 1-line command ⚡️
Stars: ✭ 58 (-58.87%)
Mutual labels:  react-router, react-redux, redux-thunk
Antd Umi Sys
企业BI系统,数据可视化平台,主要技术:react、antd、umi、dva、es6、less等,与君共勉,互相学习,如果喜欢请start ⭐。
Stars: ✭ 503 (+256.74%)
Mutual labels:  antd, react-router, react-redux
Reactspa
combination of react teconology stack
Stars: ✭ 911 (+546.1%)
Mutual labels:  redux-thunk, antd, react-redux
React Mobx Ts Antd
A simple empty project build with react、react-router、mobx、antd in typescript.
Stars: ✭ 53 (-62.41%)
Mutual labels:  antd, react-router
Egg React Typescript Boilerplate
Egg React TypeScript Server Side Render (SSR) / Client Side Render (CSR)
Stars: ✭ 56 (-60.28%)
Mutual labels:  react-router, react-redux
Create React Server
Server & middleware for React + Router + Redux with Server Side Rendering
Stars: ✭ 139 (-1.42%)
Mutual labels:  react-router, react-redux
Dva Starter
完美使用 dva react react-router,最好用的ssr脚手架,服务器渲染最佳实践
Stars: ✭ 60 (-57.45%)
Mutual labels:  react-router, react-redux

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:9000
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

#mock api
npm run mock

Ant Design React官方已经提供脚手架,同时也推荐了社区提供的脚手架和范例:
react-redux-antd-starter
reactSPA
react-redux-antd by Justin-lu
react-antd-admin
react-redux-antd by okoala
react-antd-redux-router-starter
antd-admin
更多
为什么要重复造轮?

不想用roadhog, dva
roadhog是对webpack,express...的一个封装
dva是对saga,react-router,redux...的封装
我不提倡不封装,但也不提倡过度封装。

截图

image image

参考资料

antd-admin 优秀的社区antd实践

React+Redux系列教程

React与Redux教程(一)connect、applyMiddleware、thunk、webpackHotMiddleware

React与Redux教程(二)Redux的单一状态树完全替代了React的状态机?

React与Redux教程(三)reduce()、filter()、map()、some()、every()、...展开属性

React与Redux教程(四)undo、devtools、router

React与Redux教程(五)异步、单一state树结构、componentWillReceiveProps

React与Redux教程(六)redux服务端渲染流程

React与Redux教程(七)自定义Redux中间件

React与Redux教程(八)连接数据库的Redux程序

React+Redux系列教程(续)

用更少的代码发起异步action(博主推荐)

RxJS + Redux + React = Amazing!(译一)

RxJS + Redux + React = Amazing!(译二)

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