说明:本内容仅用于SEO搜索使用,不会显示在页面上
示例:
课程介绍
React17 + React Hook + TypeScript4 已成为大型React 项目质量保证的代名词,更是 2021年优秀 React 开发者必备的技术。本课程将通过完成一个功能强大的任务管理项目,带领大家掌握最佳实践,全方位提升开发效率、开发质量和技术能力。
课程目标
解锁 React + TS 高阶用法,突破前端成长瓶颈
为希望提高前端开发效率和开发质量的工程师而设
深度掌握2021前端最优技术栈
灵活使用 React + Hook + TS
掌握其高级特性
发挥最大威
课程亮点
没有干巴巴的说教,全程以项目带出问题,掌握 React+TS 深度玩法
真正掌握解决问题的能力,显著降低代码报错率,提升项目可靠性
全面细致的知识内容
TypeScript
接⼝interface / 泛型 / 类型守卫
Utility Types / TS + React结合
类型 / conditional type / 联合类型
交叉类型 / 类型推断 / 类型兼容
React
基本知识 / 状态提升
Context / Ref 转发
复合组件 / cloneElement
suspense
课程大纲
第1章 课程介绍与学习指南第2章 初始项目配置与React基础第3章 用 React 实现项目列表第4章 用 TS 添加类型约束,静态检查第5章 React + TS 作业练习本课程采用全程实战的方式,展示如何用最佳实践,发挥出 React + React Hook + TypeScript 的最大威力,全面提升技术能力使用 create-react-app 初始化项目,配置 eslint, prettier, commintlint等代码规范工具,并用一节课的时间对React基础进行快速回顾本节专注于React实战,使用 React + JavaScript 实现项目列表、搜索的功能,并实现 useMount 和 useDebounce 两个自定义 Hook重新回顾上一章的JS代码,弱类型的缺陷,并引入 TypeScript 解决它们;本章将使用到TS的基本类型,interface,泛型,类型断言与鸭子类型布置作业并解答:用 React Hook + TS + 泛型 实现一个自定义 Hook:useArray;讲解 React + TS 如何完美结合