All Projects → hugohwu → Bear Admin

hugohwu / Bear Admin

Licence: mit
一個簡潔的 antd-react-admin 應用。a clean antd-react-admin application

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Bear Admin

Blog React
react + Ant Design + 支持 markdown 的博客前台展示
Stars: ✭ 463 (+163.07%)
Mutual labels:  webpack, antd
Cdfang Spider
📊 成都房协网数据分析,喜欢请点 star!
Stars: ✭ 1,063 (+503.98%)
Mutual labels:  webpack, antd
React Article Bucket
总结,积累,分享,传播JavaScript各模块核心知识点文章全集,欢迎star,issue(勿fork,内容可能随时修改)。webpack核心内容部分请查看专栏: https://github.com/liangklfangl/webpack-core-usage
Stars: ✭ 750 (+326.14%)
Mutual labels:  webpack, antd
Umi Admin
基于蚂蚁金服 umi 可插拔的企业级 react 应用框架开发的 Admin。最核心特点:对后端开发人员友好
Stars: ✭ 310 (+76.14%)
Mutual labels:  webpack, antd
Antdfront
using next generation data manager and hook、pure function component 、webpack to build antd design pro microfrontend project without umi, cra,dva or rematch
Stars: ✭ 105 (-40.34%)
Mutual labels:  webpack, antd
Blog
杨溜溜的个人博客,个人学习知识总结
Stars: ✭ 345 (+96.02%)
Mutual labels:  webpack, antd
React Redux Antdesign Webpack Starter
react + redux + ant design + react-router 4 + webpack 4 starter
Stars: ✭ 44 (-75%)
Mutual labels:  webpack, antd
React
基于react的企业后台管理开发框架
Stars: ✭ 809 (+359.66%)
Mutual labels:  webpack, antd
React Antd Admin
用React和Ant Design搭建的一个通用管理后台
Stars: ✭ 1,313 (+646.02%)
Mutual labels:  webpack, antd
React Ant Pro
(基于pro 1.0)基于Ant Design Pro 后台项目修改的多标签页tabs(多标签tabs、拖拽、富文本、多功能table、多选Select、React Hooks)
Stars: ✭ 64 (-63.64%)
Mutual labels:  webpack, antd
React Ant
(基于pro 2.0)基于Ant Design Pro 的 (多标签页tabs、拖拽、富文本、拾色器、多功能table、多选Select)
Stars: ✭ 231 (+31.25%)
Mutual labels:  webpack, antd
Bad Ass Salesforce Stack
B.A.S.S. Starter: react / redux / typescript / antd / ts-force / sfdx / webpack / salesforce
Stars: ✭ 126 (-28.41%)
Mutual labels:  webpack, antd
Nowa Gui
Stars: ✭ 202 (+14.77%)
Mutual labels:  webpack, antd
React
React+webpack+redux+ant design+axios+less全家桶后台管理框架
Stars: ✭ 4,414 (+2407.95%)
Mutual labels:  webpack, antd
React Mobx Ts Antd
A simple empty project build with react、react-router、mobx、antd in typescript.
Stars: ✭ 53 (-69.89%)
Mutual labels:  webpack, antd
React Koa Login
koa2 + react + react-router(4.0) + redux + webpack + antd
Stars: ✭ 109 (-38.07%)
Mutual labels:  webpack, antd
Easyfun
a project using react antd webpack es6
Stars: ✭ 150 (-14.77%)
Mutual labels:  webpack, antd
Choerodon Ui
An enterprise UI framework and react-based implementation.
Stars: ✭ 171 (-2.84%)
Mutual labels:  webpack
Scalable React Typescript Boilerplate
⭐️ Scalable micro-framework featuring React and TypeScript
Stars: ✭ 174 (-1.14%)
Mutual labels:  webpack
Css Modules Typescript Loader
Webpack loader to create TypeScript declarations for CSS Modules
Stars: ✭ 172 (-2.27%)
Mutual labels:  webpack

MIT

create-react-app React Ant Design dva

預覽 Preview

Bear Admin,一個JavaScript 應用,項目由業界最優秀的React 應用開發工具create-react-app 初始化創建, 搭配Antd 開箱即用的高質量React 組件和輕量級應用框架Dva.js 一起,非常適合後台產品

Bear Admin 同時也是個很好的前端腳手架學習示例,如果你在學習 React 或即將學習 React,它應該可以做為教程給你一些幫助。如果你準備使用 React 全家桶開發應用,它能夠快速給你提供項目腳手架,為你節省前期部分工作。讓我們一起享受整個 React 生態圈和工具鏈帶來的愉悅開發體驗。

在開始之前,推薦先學習 React、 ES2015、Node.js、Webpack 等知識,並正確安裝和配置了 Node.js 環境。


更新日誌

技術棧

👍🏻create-react-app
👍🏻ant design
👍🏻dva.js
👍🏻react
👍🏻react-router
👍🏻webpack
👍🏻babel
...

特性

😋簡潔的界面
😋菜單主題和佈局切換
😋格柵佈局,fully responsive
😋Code Splitting。开启 gzip,首屏文件僅100多KB,應用載入速度超快
😋高質量腳手架
😋eject create-react-app 配置,按需定制(OR override create-react-app webpack configs without ejecting
😋支持更多語言特性和 polyfills,發現更多,請訪問 create-react-app 官網

開始

  1. 克隆源碼
git clone https://github.com/jirouzizi/bear-admin.git
  1. 安裝依賴
cd bear-admin 
npm i or yarn
  1. 調試應用
npm start
  1. 發布應用
npm run build

it will builds the app for production to the build folder. your app is ready to be deployed.

更多

如何處理異步請求?
如何統一處理出錯?
如何 mock 數據?
更多實戰,請參閱:

致謝

create-react-app
react 全家桶
antd 全家桶

💓💓 歡迎 star 支持 💓💓


顶部菜单

1

左侧菜单

2

黑色主题

3

个人资料

4

Antd 图标&其他

5antd

自定义表格

6

自适应

7

Ant-Motion Logo 动画

8 ant

Ant-Motion 详细说明切换

9

目录结构

├── /build/           # 打包输出
├── /config/          # create-react-app 配置
│ ├── /webpack.config.dev.js/   # 开发配置
│ ├── /webpack.config.prod.js/  # 生产配置
├── /public/         # 公共文件
├── /scripts/        # create-react-app 脚本
├── /src/            # 项目源码
│ ├── /assets/      # 资源文件
│ ├── /components/  # 示例组件
│ ├── /containers/  # layout 组件
│ ├── /models/      # dva 数据模型
│ ├── /theme/       # 皮肤样式
│ ├── /utils/       # 工具函数
│ │ └── config.js    # 项目配置
│ ├── route.js      # 路由配置
│ └── index.js      # 入口文件
└── package.json    # 项目信息

💓💓 欢迎 star 支持 💓💓

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