ToB企服应用市场:ToB评测及商务社交产业平台

标题: React 后台管理项目入门项目简便清晰保姆级内容解说 [打印本页]

作者: 李优秀 时间: 2024-8-9 21:16
标题: React 后台管理项目入门项目简便清晰保姆级内容解说
序章

React Hook的后台管理项目，从0到1搭建，内容非常丰富涵盖项目搭建、路由配置、用户鉴权、首页报表、用户列表、前后端联调等功能，推荐指数：5颗星！
视频学习链接: React 通用后台管理-零底子从0到1详细的入门保姆级别教程——哔哩哔哩bilibili

环境配置

node版本：需要 Node.js 版本 18+
编辑器：VScode
技能栈：react react-redux axios dayjs echarts
项目搭建

创建命令

npx create-react-app my-app // 创建项目
cd my-app
npm start // 启动项目

复制代码

天生目录如下

引入antd UI框架

npm install antd --save

复制代码

修改 src/App.js，引入 antd 的按钮组件。可以看到结果

import React from 'react';
import { Button } from 'antd';
const App: React.FC = () => (
<div className="App">
<Button type="primary">Button</Button>
</div>
);
export default App;

复制代码

引入react-redux @reduxjs/toolkit

npm i react-redux @reduxjs/toolkit

复制代码

讲到这里，整个项目搭建过程就完成了，由于篇幅有限，详情的视频教学推荐视频学习链接：链接: vue3通用后台管理-零底子从0到1详细的入门保姆级别教程——哔哩哔哩bilibili

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)