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 → mqyqingfeng → react-admin

mqyqingfeng / react-admin

Licence: other
基于React + ant-design的用作后台管理项目的脚手架

Programming Languages

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

Labels

reactreduxstarter-templatestarter-kitant-design

Projects that are alternatives of or similar to react-admin

Spring Boot Angular Template
Starter Template to create a OAuth2 secured dockerized Spring Boot 2 Application with Angular 8 Frontend
Stars: ✭ 48 (-50%)
Mutual labels:  starter-template, starter-kit
Meteor Apollo Starter Kit
Meteor, Apollo, React, PWA, Styled-Components boilerplate
Stars: ✭ 91 (-5.21%)
Mutual labels:  starter-template, starter-kit
Phoenix react playground
An example setup for a Phoenix+React project with sensible defaults.
Stars: ✭ 80 (-16.67%)
Mutual labels:  starter-template, starter-kit
Wordpress Starter
📦 A starter template for WordPress websites
Stars: ✭ 26 (-72.92%)
Mutual labels:  starter-template, starter-kit
laravel-startkit
Laravel Admin Dashboard, Admin Template with Frontend Template, for scalable Laravel projects. It is to save your time when You start with new scalable Laravel projects with many features Bootstrap, cooreui, infyom admin Generator, roles and permissions, translatable models, spatie media and much more
Stars: ✭ 55 (-42.71%)
Mutual labels:  starter-template, starter-kit
React Rapid
React-Rapid: Fast, Responsive & Free React Starter Template
Stars: ✭ 33 (-65.62%)
Mutual labels:  starter-template, starter-kit
sass-starter-pack
Sass starter files using Gulp v4.0.0 🔥
Stars: ✭ 34 (-64.58%)
Mutual labels:  starter-template, starter-kit
Laravel Starter
A CMS like modular starter application project built with Laravel 8.x.
Stars: ✭ 299 (+211.46%)
Mutual labels:  starter-template, starter-kit
Hyperledger Typescript Boilerplate
This is a boilerplate that interacts between Hyperledger Fabric Peers and a front end.
Stars: ✭ 109 (+13.54%)
Mutual labels:  starter-template, starter-kit
Yii2 Starter Kit
Yii2 Starter Kit
Stars: ✭ 1,372 (+1329.17%)
Mutual labels:  starter-template, starter-kit
Redux Webpack Es6 Boilerplate
A starter project for modern React apps with Redux
Stars: ✭ 566 (+489.58%)
Mutual labels:  starter-template, starter-kit
Next Js Blog Boilerplate
🚀 Nextjs Blog Boilerplate is starter code for your blog based on Next framework. ⚡️ Made with Nextjs, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS.
Stars: ✭ 134 (+39.58%)
Mutual labels:  starter-template, starter-kit
Hartija Css Print Framework
Universal CSS for web printing
Stars: ✭ 509 (+430.21%)
Mutual labels:  starter-template, starter-kit
Niklick
Rails Versioned API solution template for hipsters! (Ruby, Ruby on Rails, REST API, GraphQL, Docker, RSpec, Devise, Postgress DB)
Stars: ✭ 39 (-59.37%)
Mutual labels:  starter-template, starter-kit
Pug Starter
Simple pug (jade) starter [framework] enabling faster delivery of HTML & CSS projects to a private server and/or automatic deployment of GitHub pages.
Stars: ✭ 328 (+241.67%)
Mutual labels:  starter-template, starter-kit
Blazorboilerplate
Blazor Boilerplate / Starter Template with MatBlazor
Stars: ✭ 1,258 (+1210.42%)
Mutual labels:  starter-template, starter-kit
orbs-starter-kit
The starting point for writing a new application on Orbs platform
Stars: ✭ 19 (-80.21%)
Mutual labels:  starter-template, starter-kit
node-boilerplate
Node Typescript Boilerplate for Microservices. Skeleton for Node.js Apps written in TypeScript (with Setup Instructions for ESLint, Prettier, and Husky)
Stars: ✭ 92 (-4.17%)
Mutual labels:  starter-template, starter-kit
Kotlin Mpp Standard
A standard setup for Kotlin multiplatform projects.
Stars: ✭ 92 (-4.17%)
Mutual labels:  starter-template, starter-kit
Webpack Typescript Starter
A simple Webpack 2 + TypeScript starter
Stars: ✭ 117 (+21.88%)
Mutual labels:  starter-template, starter-kit
View All Similar Projects ➔

React-Admin

React + Ant Design 脚手架，专用作后台管理系统，反复在项目中实践和优化，功能齐全，细节完善，并且提供丰富的示例代码，可以直接上手和开发。

技术选型

  • react + redux + react-router + ant-design + Immutable + Fetch
  • redux-action + redux-logger
  • classnames + lodash
  • sass
  • webpack2 + react-hot-loader
  • eslint

实现的功能

  1. 热加载
  2. ES6/7
  3. 动态路由
  4. action日志打印
  5. 配置生成Mock接口
  6. 本地node服务器
  7. ESLint
  8. Sass
  9. postcss
  10. fetch获取数据

更多特性

除了主流的技术选型之外，还提供了

  1. 丰富的示例代码，包括：

    • 组件
    • Redux
    • fetch请求接口
    • 字体图标
    • 动态路由

  2. 半完成的后台界面，细节丰富，包括

    • 登陆(可纯键盘操作登陆)
    • 菜单栏(菜单栏会随路由变化而激活不同的菜单)
    • 进入内容页会进行权限判断
    • 404页面

  3. 提供sublime snippets，提高开发效率，包括创建：

    • action
    • reducers
    • component
    • fetch
    • mapDispatchToProps
    • mapStateToProps

  4. ESLint

    配置可查看src/.eslintrc文件，规范遵循Airbnb React规范

    注意：为保证规范的执行，在出现不规范时，开发时会提示，编译时无法成功！

使用方法

$ git clone [email protected]:mqyqingfeng/react-admin.git
$ cd react-admin
$ cnpm install                   # 需要安装cnpm

// 开发
$ npm start                     

// 等待编译完成,然后访问locahost:5000预览页面

// 编译
$ npm run build

// 会在dist目录下生成打包用的文件，可以访问locahost:3001预览页面

如果想查看webpack1版本：

$ git clone [email protected]:mqyqingfeng/react-admin.git
$ cd react-admin
$ git checkout webpack1
$ cnpm install

//使用方法相同

页面展示

登录页面（账号、密码随意）：

登陆页

Redux使用示例：

redux

Fetch使用示例：

fetch

动态加载演示：

动态路由加载

字体图标使用示例：

字体图标

404页面：

404

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