收藏网站

使用 Ctrl+D 可将网站添加到书签

/ 实战 / Typescript + React 高仿 Antd 从零到一打造自己的组件库

React+TypeScript高仿AntDesign开发企业级UI组件库

用当下主流前端技术“造一次轮子”，解决初中级到高级前端的跃迁难题

难度高级时长 17小时学习人数 1286 综合评分 9.99

立即购买加购物车

从零到一高仿 AntD 使用 Typescript 和 React 开发组件库，在这其中穿插了一系列的知识点：大型项目的样式组织，react 组件测试，react 动画实现。开发完毕还实现了模块化打包，代码发布再到 CI/CD 的全流程。

讲师

高级前端工程师

检测到您还没有关注慕课网服务号，无法接收课程更新通知。请扫描二维码即可绑定

React Hooks－用钩子玩函数式编程

Typescript－大型项目的编写趋势

Ant Design－拆它的轮子造自己的

StoryBook－高效有组织的构建UI

课程所造组件库文档已发布，体验一下：vikingship.xyz

Typescript的基础和进阶概念
React Hooks的概念及实践

大厂项目的全流程 -需求分析
设计开发测试提交发布 CI/CD

在造轮子编写复杂组件的过程中
深度了解框架底层逻辑和设计思路

了解什么是测试，使用React-
testing-library完成组件的单元测试

使用 Storybook 本地调试
并快速生成文档页面给用户使用

JS模块发展历史和种类，bundler的
概念和使用，样式文件组织等等

《单个组件的开发全流程》

问答专区

讲师集中答疑

关于课程的问题都可在问答区随时提
问,讲师会进行集中答疑

源码开放

整套代码下载

课程案例代码完全开放给你，你可以根据所
学知识，自行修改、优化

适合人群

符合技术储备要求的
所有前端工程师

技术储备要求

HTML/CSS基础
Javascript（ES6）基础
React 基础知识

布罗利01

好评

这是我第一次听老师的课，听老师讲课感觉非常清晰非常明白，而且语言表达简单精准易懂，之前一直对typescript断言、枚举常量、泛型的不同场景用法不能完全理解（之前也听过其他ts资源），听了老师简单的几个例子，一下子就完全明白了，感觉老师脑子里典型的场景很多，跟着老师学会很透彻。希望老师以后出更多好课程。???
匿名用户

好评

这个课程不但能够带领我们封装组建库，还能教我们面对困难问题时候该怎么解决。全程高能，非常值得学习。最后希望老师加个课；哈哈，因为老师讲得太好了！！！加个Form组件封装的课。QAQ
梦兮林夕

好评

老师的课程出来就毫不犹豫的买了，可以说是关注已久，这是购买老师的第二门课了，逻辑清晰明了，实用性很高，正好也是我喜欢的框架(react)，再加上ts，真的是一个很系统、全面的实战课程；很适应这种渐进式的授课方式，全是干货，没啥水分，学完说不定我就可以有涨薪的可能了