React18 TS NestJS GraphQL 全栈开发在线【更新中第12章】
【课程介绍】
具备中后台管理系统开发能力,已成为优秀前端工程师的标配。本课程将基于React18 全家桶+Vite4.0+Typescript4.0,带你从需求分析、业务核心实现到性能优化,全流程打造“幕幕货运”后台管理系统。你将学到复杂业务拆解、权限方案设计、性能调优、上传下载、 大屏设计、地图应用、暗黑主题、订单统计、业务组件封装、自定义Hook、函数封装等满满干货。线上体验:
【课程目录】
第1章 【学前概览】这里有你需要了解的一切
2 节|15分钟
[url=]展开 [/url]
第2章 【项目准备】项目需求分析、前端开发环境搭建
13 节|88分钟
[url=]收起 [/url]
- 视频:
2-1 需求分析(开发流程、课程介绍)14:40
- 视频:
2-2 技术选型(技术角度、面向用户、UI框架选择)试看
09:12 - 视频:
2-3 本次课程选型思考02:47
- 视频:
2-4 创建Vite项目11:45
- 视频:
2-5 项目配置(editorconfig、npm、yarn)09:21
- 视频:
2-6 Prettier配置讲解16:31
- 视频:
2-7 ESLint问题说明03:17
- 视频:
2-8 Eslint配置讲解09:25
- 视频:
2-9 Vite配置讲解10:14
- 图文:
2-10 【资料梳理】ESLint配置 - 图文:
2-11 【资料梳理】editorconfig配置 - 图文:
2-12 【资料梳理】Prettier配置 - 图文:
2-13 【资料梳理】Yarn 和 Npm 配置
第3章 【React入门】掌握JSX和常用Hook开发,一学就会
21 节|124分钟
[url=]收起 [/url]
- 视频:
3-1 初识ReactHook(本章概览、Vue和React对比)09:27
- 视频:
3-2 React JSX语法讲解(变量、条件、样式、循环、属性传递)16:57
- 视频:
3-3 ReactHook基本介绍04:30
- 视频:
3-4 useState语法讲解(字符串、数字、数组、对象动态更新)18:29
- 视频:
3-5 useState到底是同步更新还是异步更新04:53
- 视频:
3-6 useEffect语法讲解(模拟生命周期以及自定义Hook)19:52
- 视频:
3-7 memo、useMemo和useCallback案例讲解14:16
- 视频:
3-8 useContext和useReducer案例演示07:17
- 视频:
3-9 useRef基础语法讲解05:50
- 视频:
3-10 useTransition 过渡使用07:05
- 视频:
3-11 前端常用调试技巧12:01
- 视频:
3-12 重难点梳理03:01
- 图文:
3-13 【资料梳理】Hook开发规则 - 图文:
3-14 【资料梳理】React入门到进阶 - 图文:
3-15 【资料梳理】useContext 和 useReducer - 图文:
3-16 【资料梳理】useEffect语法讲解 - 图文:
3-17 【资料梳理】useMemo_useCallback - 图文:
3-18 【资料梳理】useRef - 图文:
3-19 【资料梳理】useState语法讲解 - 图文:
3-20 【资料梳理】React 调试 - 作业:
3-21 【阶段练练练】用JSX实现一个TODO-LIST功能
第4章 【TS入门】基础类型、泛型、元组、接口、函数、联合类型以及交叉类型等一网打尽
18 节|78分钟
[url=]展开 [/url]
第5章 【React-Router6.0进阶】路由全方位学习,从此不迷路
15 节|60分钟
[url=]展开 [/url]
第6章 【加薪秘籍】系统架构设计
17 节|164分钟
[url=]展开 [/url]
第7章 【项目实战】实现登录、自定义主题、CSS-Module和局部控制Loading
10 节|81分钟
[url=]展开 [/url]
第8章 【项目实战】菜单递归渲染和容器布局开发,实现欢迎首页
5 节|48分钟
[url=]展开 [/url]
第9章 【项目实战】基于Echarts实现一个工作台页面
内容更新中
第10章 【项目实战】弹框组件封装和组件性能优化,实现用户管理页面
内容更新中
第11章 【项目实战】实现部门树形列表CRUD功能
内容更新中
第12章 【项目实战】菜单动态生成、渲染
内容更新中
第13章 【项目实战】角色模块实战、RBAC权限设计、路由守卫
内容更新中
第14章 【项目实战】实现地图打点、订单轨迹、订单大屏功能
内容更新中
第15章 【项目实战】中后台暗黑开发