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

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

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

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

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

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

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

张轩
讲师

高级前端工程师

课程预览

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

全网稀缺的 Typescript 和 React 全流程开发UI组件库的课程

不吹不黑,截至课程上线之日,全网少有同类课程,完整模拟大厂的全体系和全流程

React Hooks-用钩子玩函数式编程
Typescript-大型项目的编写趋势
Ant Design-拆它的轮子造自己的
StoryBook-高效有组织的构建UI
课程所造组件库文档已发布,体验一下:vikingship.xyz

造轮子是一个过程,在过程中带你收获扎实的技能

课程内各组件完全按大厂标准开发,为你进大厂工作打下坚实的基础

Typescript的基础和进阶概念
React Hooks的概念及实践
大厂项目的全流程 -需求分析
设计开发 测试 提交 发布 CI/CD
在造轮子编写复杂组件的过程中
深度了解框架底层逻辑和设计思路
了解什么是测试,使用React-
testing-library完成组件的单元测试
使用 Storybook 本地调试
并快速生成文档页面给用户使用
JS模块发展历史和种类,bundler的
概念和使用,样式文件组织等等

造企业级轮子,自然需要更丰富全面的技术,这些都在课程里

严谨的开发每一个组件,1:1配套“组件练习”

每一章组件开发完毕,都会布置一个类似的组件练习

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

学员专享增值服务

问答专区
讲师集中答疑
关于课程的问题都可在问答区随时提
问,讲师会进行集中答疑
源码开放
整套代码下载
课程案例代码完全开放给你,你可以根据所
学知识,自行修改、优化

环境参数

  • React 16.12.0
  • 脚手架 create-react-app: 3.2.0
  • TS 3.7.2
  • Nodejs 10.0.0
  • 工具 Storybook: 5.2.8
  • Husky 4.2.1

万事俱备 只等你来

  • 两只流浪猫

    好评

    这是我买的第一个我觉得一定要来好评一下的课程,我买了几千块钱的课程,并不是别的老师都不好,而是有时候买下来发现课程讲的太深,代码逻辑复杂,不易懂,我买过一个课程,老师代码用函数式编程,但课程中并没有讲解函数式编程,我以前也没有用过,代码阅读特别吃力;有时候又觉得讲的太浅。找到一个完全适合自己,每一节课都有收获的课程真的很不容易!老师讲的非常清晰明白,干货满满,很多细节讲的很透彻,代码写的非常漂亮且清晰易懂,我太喜欢了

  • 执念008

    好评

    很少买课程的我,一直在纠结要不要买,总担心买了看完后没什么效果就浪费钱了,毕竟对于穷孩子来说也是一笔不小的开支,最终下定决定下单了,看了五六章了,效果好不好我也不知道怎么说,反正就是简单的组件自己能够写出来了,然后很多知识面慢慢被老师打开一扇新世界的门,见识了很多新知识,技术,框架等。我个人觉得给个好评给精心制作的老师一点都不过分。

  • Inuyasha__

    好评

    买了慕课网的很多课程,到现在不下10门课程了,在这门课程上,我觉得这个价值还算是比较合理的,虽然没有趁着优惠券买。这门课可以这样说,比我买过的所有课,除了之前买的数据结构与算法,这门课可以说是首屈一指的,老师在课程内至少运用了15个npm包,而且还介绍了很多实用的网站,课程后面有点重复,仍然可以接受,不过私以为我们是学习的,老师没必要强求我们做作业,毕竟,我一个没做的人看的后面都觉得有点累。不过依然不变我对课程的评价,尤其是TS, React hook一块,是比较满意的,老师也比较有文艺范,说起话来也比较有意思,而且也很细心的解答题目,虽然会比较晚一点,可能需要一两天。总之,推荐!!

查看全部1134条用户评价
提问
数据加载中...
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题