随着vue/react这类以数据驱动为主的web框架的不断完善和壮大，越来越多的前端团队开始着手搭建内部的组件库。虽然目前市面上已经有很多功能强大且完善的组件库供我们使用，比如基于react的开源组件库ant-design，material，又比如基于vue的开源组件库elem…

每一个产品会去持续的发生一些需求迭代，但是人员跟项目的匹配关系需要考虑当时的资源情况，所以变动也比较大。另外，团队有一定的历史包袱。我们同样希望组件库能够跨越时间，纵向地去支持一个产品不同版本的研发

当我们拿到一个 PC 端页面的设计稿的时候，往往会发现页面的布局并不是随意的，而是遵循的一定的规律：行与行之间会以某种方式对齐。对于这样的设计稿，我们可以使用栅格布局来实现。 早在 Bootstrap 一统江湖的时代，栅格布局的概念就已深入人心，整个布局就是一个二维结构，包括列…

如果你用 Vue 技术栈开发 PC 的 to B 业务，那么对 element-ui 一定不会陌生，我目前在 Zoom 工作，fork 了一份 element-ui 的源码做二次开发，对 element-ui 的源码也有了一定的研究。由于自研组件库并不是开源的，所以我也不能把它…

当我们去实现一个组件库的时候，并不会一上来就撸码，而是把它当做产品一样，思考一下我们的组件库的需求。那么对于 element-ui，除了基于 Vue.js 技术栈开发组件，它还有哪些方面的需求呢。 丰富的 feature：丰富的组件，自定义主题，国际化。 文档 & demo：提…

这是一篇干货比较多的组件库搭建实战教程，不仅有通用的代码规范、提交规范、文档维护、单元测试、GitHub Action 配置的讲解，还涉及基于 lerna 的多包管理架构...

在了解 Element 源码架构 的基础上，接下来我们基于 element-ui 为团队打造自己的组件库

详细讲解了 ElementUI 的源码架构，为下一步基于 ElementUI 打造团队自己的组件库打好坚实的基础