查看: 9|回复: 0
打印 上一主题 下一主题

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

[复制链接]

9万

主题

9万

帖子

28万

积分

管理员

管理员

Rank: 9Rank: 9Rank: 9

积分
281545
QQ
跳转到指定楼层
楼主
发表于 2024-3-11 22:28:11 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
游客,如果您要查看本帖隐藏内容请回复
TS+ React18高仿AntD从零到一打造组件库
用当下主流前端技术 造一次轮子 ,解决初中级到高级前端的跃迁难题
从零到一高仿 AntD 使用 Typescript 和 React 开发组件库,在这其中穿插了一系列的知识点: 大型项目的样式组织,react 组件测试,react 动画实现。开发完毕还实现了模块化打包,代码发布再到 CI/CD 的全流程。


2024更新 Electron+React+七牛云实战跨平台桌面应用 实战 中级 1196 ¥248.00


React16组件化+测试+全流程 实战在线账本项目 实战 中级 704 ¥266.00
React18 +TS 开发UI组件,全流程、全体系复刻大厂标准
新框架特性深研+全流程组件开发,在“造轮子”的过程中,收获扎实的实战技能
丰富全面的技术点,融入企业级组件开发项目,助你进阶中高级前端开发
了解全新 React18 框架特性,紧随技术发展大潮
手把手带你完成组件开发全流程,配套1:1实操训练,让你学完就会用
每一章组件开发完毕,都会布置一个类似的组件练习
《 单个组件的开发全流程 》
第1章 课程导学(此章节必看)
介绍了整个课程的背景知识,项目简介,学习流程,可以掌握的知识点,以及学习方法和前置知识。
第2章 欢迎来到类型的世界 - Typescript
本章主要帮助大家理解 TypeScript 可以解决的问题和所带来的优势,带领大家学习 TS 中的各种基础类型,然后进阶到复杂类型,包括:Array, Tuple, interface, function, Class, Enum, Generices等,迅速帮助大家理解 TS 的基础使用方式和语法。
第3章 神奇的 React 配合 typescript,完美输出
本章回顾了 React 的基础知识,从而引出了全新的 React Hooks,配合上一章typescript的基础知识,详细讲解了 useState, useEffect, 自定义Hook,useContext 和 useRef 等基础知识,为组件库的开发打下坚实基础。
第4章 组件库起航 - 你真的能写的好看起来简单的 Button 组件吗?
本章正式进入组件库的编写,前半部分规定了文件结构和代码规范,分析了样式解决方案,添加了一系列样式的基础元素,后半部分渐进式的完成了 Button 组件的编码工作。
第5章 组件测试
本章从什么是测试入手,简介了测试的基本概念,介绍通用测试工具 Jest 和 React 测试框架 react-testing-library,然后使用这两种工具完成Button组件的单元测试。
查看完整目录
答疑专区+技术社区
连百度谷歌都搜不到的问题,在这里讲
师都将耐心详细解答,更有小伙伴一起
交流互动,共同进步。
课程全套代码下载
提供课程全套源代码下载,包含:
全套组件封装镜像、私有仓库、各个服
务的镜像、项目源代码。
独家“动态”教辅材料
丰富的专属教辅资料上传更新,通过课程
教案、原理图解、技术文档、演示案例等
各种教材,保障你的学习效果。
实用电子文档
部分简单内容以图文形式呈现,与视频
相配合,既保障学习效果,又提高了学
习效率。
游客,如果您要查看本帖隐藏内容请回复
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|IT视频教程资源网 ( 粤ICP备2022015727号 )网站地图

GMT+8, 2024-5-2 09:34 , Processed in 0.178741 second(s), 23 queries .

快速回复 返回顶部 返回列表

客服
热线

微信 webshop6
7*24小时微信 客服服务

扫码添
加微信

添加客服微信 webshop6 获取更多

关注
公众号

关注微信公众号 webjianzhan