该课程详细讲解了使用 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 开发完成，事无巨细的进行教学。本课不只是教你怎么用, 更要教你为什么要用，用知其然并知其所以然的方式，让你对前端开发有一个系统的学习。

效果展示

先学课程

• React 基础入门

课程难度

• 中等

适合人群

• 有一定 React 技术栈相关基础，喜欢前端和新技术的用户。

课程信息

• 学习周期：课程有效期 2 个月，2 个月后无法进行在线实验，但可查看文档内容。高级会员有效期内可一直学习，到期后课程失效，且无法查看文档。部分云主机实验环境因成本较高，存在开启次数限制。关于课程退款等相关注意事项说明，请阅读 用户付费协议。
• 版权说明：课程内容为蓝桥云课原创或蓝桥云课在原作者授权下制作。未经书面同意，擅自爬取、转载和再分发课程内容，均将受到严肃追责。
• 企业团报：企业购买，请点击 企业用户咨询。