既然是高仿antd

来源:4-9 添加 Button 基本样式

李行知

2020-03-21

即使没有做到antd那么多的组件
组件的功能不能达到antd的对应的组件这么多

那为啥目录结构不跟着antd走呢?
感觉两个项目的目录结构差别也挺大的
这两种结构有什么优劣吗?
最后在生成包的时候会有什么比较大的区别吗?
为什么antd要采取他现在的这种结构呢?
平时大家开发组件库的时候也会使用CRA吗?
使用CRA来开发组件库会带来什么问题吗?

组件库支持按需加载吗?

写回答

2回答

张轩

2020-03-21

同学你好

谢谢你这么多的问题,我们的课程是是仿造antd完成组件库,但是不是完全照抄 antd 的实现,在初衷中也说过,

代码实现会完全照抄 AntD 的实现嘛?答案是否定的,AntD 是大型工程化的项目,它要比我们考虑的 edge cases 多很多,而我们的项目是学习类型的项目,需要化繁为简,掌握核心的思考方法就好。所以代码实现也有可能和 AntD 完全不一样。

对于代码结构我在课程中也说过,代码结构没有最终的答案,连 React 官方的文档中也没有推荐明确确定的文件代码结构 https://reactjs.org/docs/faq-structure.html 所以我们需要选出我们认为好用的就可以,我认为没必要纠结过多时间来产出一个完美的代码结构。

包生成的格式是 es6 modules。和 antd 保持一致。

开发组件后面会使用 storybook,cra 就不会继续使用了,课程是循序渐进的,一开始让大家好开始上手,后来再慢慢做到完美。我的思路就是这样的,一出来不需要做大做全,所以需求都是渐进式开发的。

包生成 es6 modules,支持 webpack 的 tree shaking。

希望回答能让你满意哈!



4
6
慕尼黑8705062
讲讲复杂的组件,这些简单的组件比如button input 直接就写了,基本没啥交互功能!!! 这些我看一遍源码几分钟就完事了,讲讲Form 讲讲 table 哪怕实现一部分也好啊!!!!!
2020-09-23
共6条回复

慕莱坞4146187

2021-03-10

这离高仿还差远了啊。顶多是了解一下组件库的开发而已。

0
1
慕粉0036085810
看来你懂的不少
2021-08-26
共1条回复

React18+TS高仿AntD从零到一打造组件库

设计,开发,测试,发布再到 CI/CD,从0到1造轮子

2123 学习 · 959 问题

查看课程