阶段07 · React + TypeScript + 医通项目

TypeScript 类型系统、React 组件与 Hooks、路由与状态管理、医通项目实战。

本模块共 47 个教学单元、277 段视频、约 43 小时 57 分。

学习顺序

#	单元	视频数	时长
01	git获取代码相关与首次clone代码（Day1 1/4）	7	35 分钟
02	如果拉取失败与react基本使用（Day1 2/4）	6	57 分钟
03	代码片段与配置（Day1 3/4）	6	48 分钟
04	注意事项与虚拟dom和真实dom 的区别（Day1 4/4）	6	52 分钟
05	jsx与jsx中的插值表达式（Day2 1/4）	7	44 分钟
06	行内样式处理与class样式处理（Day2 2/4）	6	35 分钟
07	列表渲染与jsx中的事件（Day2 3/4）	6	45 分钟
08	jsx中的事件与jsx中的注释（Day2 4/4）	6	1 小时 1 分
09	组件初识与类组件（Day3 1/3）	6	48 分钟
10	类组件与函数组件（Day3 2/3）	6	54 分钟
11	react脚手架构建工程化开发环境与全局安装脚手架并创建项目（Day3 3/3）	5	45 分钟
12	局部安装方法与react工程化项目目录结构分析（Day4 1/4）	6	34 分钟
13	局部安装方法与react工程化项目目录结构分析（Day4 2/4）	6	38 分钟
14	react工程化项目目录结构分析与项目目录精简（Day4 3/4）	5	52 分钟
15	项目目录精简（Day4 4/4）	5	46 分钟
16	类组件与css样式文件处理（Day5 1/3）	5	1 小时 20 分
17	图片处理与类组件的生命周期（Day5 2/3）	5	48 分钟
18	ref与todolist类组件实现练习（Day5 3/3）	5	33 分钟
19	首屏数据渲染与添加todo（Day6 1/3）	6	1 小时 3 分
20	删除todo与切换完成状态（Day6 2/3）	5	35 分钟
21	localStorage与类组件小结（Day6 3/3）	5	43 分钟
22	useState与useEffect（Day7 1/3）	7	24 分钟
23	hook函数的使用原则与自定义hook（Day7 2/3）	7	1 小时 20 分
24	useContext与pubsub（Day7 3/3）	7	1 小时 29 分
25	其他hook与react-router-dom 路由（Day8 1/3）	6	45 分钟
26	redux-toolkit与redux 核心概念（Day8 2/3）	5	1 小时 1 分
27	redux-toolkit基本使用与创建仓库-获取仓库数据-（Day8 3/3）	5	43 分钟
28	react-redux基本使用与redux-异步操作（Day9 1/3）	6	48 分钟
29	reduxjs/toolkit 小结与附录（Day9 2/3）	5	48 分钟
30	常见问题（Day9 3/3）	5	40 分钟
31	TypeScript 介绍（Day10 1/2）	7	1 小时 33 分
32	TypeScript 介绍与TS 特点（Day10 2/2）	6	1 小时 43 分
33	TS 初体验与TS 语法（Day11 1/3）	6	59 分钟
34	Webpack 打包 TS 文件与创建typescript的（Day11 2/3）	6	33 分钟
35	ant 基本使用与下载（Day11 3/3）	5	1 小时 14 分
36	自定义主题与下载工具包（Day12 1/3）	7	1 小时 4 分
37	目录结构与final项目安装依赖并运行（Day12 2/3）	7	1 小时 11 分
38	渲染数据与点击查询获取分页数据（Day12 3/3）	6	1 小时 16 分
39	编辑医院设置与医院省市区列表（Day13 1/3）	7	50 分钟
40	渲染科室列表与排班日期分页数据获取（Day13 2/3）	7	55 分钟
41	工作前三个月与半年后（Day13 3/3）	6	55 分钟
42	添加医院与修改医院（Day14 1/3）	6	50 分钟
43	批量删除医院与医院管理 - 医院列表（Day14 2/3）	5	39 分钟
44	需求介绍与搭建静态组件（Day14 3/3）	5	1 小时 0 分
45	省市区三级联动与查询医院（Day15 1/3）	6	50 分钟
46	查询医院与查看医院详情（Day15 2/3）	6	51 分钟
47	医院排班与医院上线（Day15 3/3）	6	2 小时 38 分

前置知识

需要先掌握 JavaScript 基础与 ES6+ 语法。