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

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

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

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

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

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

¥448.00

观看试看视频

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

万事俱备 只等你来

  • Brolly

    好评

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

  • 匿名用户

    好评

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

  • changlin93

    好评

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

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