分享搭建组件库过程，Button的需求分析，当前分享完成一个初版Button的15个步骤。附带github源码，以及预览。欢迎持续关注，后续继续分享开源CB-UI的搭建！

vue 的 computed 属性默认是只读的，你可以提供一个 setter。它可以优化我写组件的逻辑，适用于父组件处理的值和子组件处理的值是同一个的情况 我们常看到一些优秀的组件库，传入的值既可以是一个 String/Number，也可以是一个函数。 比如ElementUI的…

在上篇《重新设计 React 组件库》中我们从宏观层面一起探讨了结构自由且数据解耦的 React 组件库应当如何设计，在本文中让我们从具体实践的角度来看如何将这样的设计落地。 在传统的组件库设计中，组件分类一直都不是一个必选项，大多数人都认为一个组件究竟是属于组件类还是控件类，…

从宏观的角度来讲，只有对具体业务的良好抽象才能真正提高一个团队的开发效率，又囿于不同产品所面临的不同业务需求，当我们抽丝剥茧般地将一个个前端项目抽象到最后一层，那么剩下的就只有按钮、输入框、对话框、图标等这些毫无业务意义的纯 UI 组件了。 选择或开发一套适合自己团队使用的 U…

一个成熟的组件库通常都由数十个常用的 UI 组件构成，这其中既有按钮（Button），输入框（Input）等基础组件，也有表格（Table），日期选择器（DatePicker），轮播（Carousel）等自成一体的复杂组件。 这里我们提出一个组件复杂度的概念，一个组件复杂度的主…

随着Vue 和 React的不断推广，带来的是组件化和数据驱动的开发方式，抛弃了依托于jQuery那种意大利面的开发方式。 依托于 Webpack 等构建工具，使得前端代码具备了后端编程语言的代码组织能力，摆脱了传统的「一泻而下」式的代码编写。至此，作为前端也该对自己的代码有更…