该课程详细讲解了使用 TypeScript + React Hooks 开发一个复杂的 DatePicker 组件,共分为 8 个章节。其中,1、2 章节主要讲解课程用到的一些技术和完整的前端项目环境搭建; 3、4 章节介绍 TypeScript 的基础语法并介绍了怎样在 React 中使用 TypeScript。第 5 章节详细介绍 React Hooks 的一些使用和原理。第 6 章节详细讲解一个复杂的日期选择器组件 如何拆分、组合、然后实现。最后两章介绍前端开发往往忽略的一些点,比如通过单元测试保证代码质量。并且介绍了一些常用的模块规范,package.json
的一些细节以及如何发布到 npm
提供给大家使用。
在如今的前端项目中,越来越多技术选型采用了 TypeScript 进行开发。JavaScript 作为一个流行的开发语言虽然被广泛使用,但由于自身的一些设计缺陷和作为弱类型本身过于灵活的问题,导致了在大型前端工程或多人开发的项目中,缺少类型检测,容易失控,而且维护、重构也比较困难。使用 JavaScript 的超集 TypeScript 帮助我们静态类型检查,再配合现代化的编辑器,提高开发体验,减少运行时的错误。更可控,重构也更可行可靠。
React Hook 是今后 React 团队主推的编程方式,组件开发更加函数式,逻辑复用更加的简单。
DatePicker 作为一个前端常用的组件,开发时往往直接采用第三方开源组件库的实现。本课程就使用 TypeScript + React Hooks ,从 0 开始一步一步地开发一个 DatePicker 组件。 通过这个课程,你可以学习到复杂的组件是如何开发的,也可以了解清楚 DatePicker 的实现原理。相信通过这样一个结合学习, 你的前端技术可以得到一个系统提升。
从 0 开始由浅到深,从项目搭建到最终的 DatePicker 开发完成,事无巨细的进行教学。本课不只是教你怎么用, 更要教你为什么要用,用知其然并知其所以然的方式,让你对前端开发有一个系统的学习。