使用 Create React App 创建 UI 组件库的前端工程环境。 参数 react_scripts 用来告诉 Storybook 当前项目使用 Create React App 创建的，Storybook会根据该参数来自动安装合适的包。 addon-info 插件会自…

由于业务需要，近期团队要搞一套自己的UI组件库，框架方面还是Vue。而业界已经有比较成熟的一些UI库了，比如ElementUI、AntDesign、Vant等。 结合框架Vue，我们选择在ElementUI基础上进行改造。但造轮子绝非易事，首先需要先去了解它整个但构建流程、目录…

组件不多，但在搭建过程中掌握了很多知识，再看 antd 等热门组件库，对其中的一些设计也有了更深的感悟，故记录下来，希望能帮助到其他的同学。

可以不用向npm付费，而且东西放在别人服务器上相对没有自己电脑安全。 其实就是搭建一个服务，然后模拟npm，而这时候如果是本地的包就下载，不是本地的就用npm的。 安装有可以docker、也可以npm，我们使用npm安装。 这时候可能会报权限错误，请用管理员的方式运行终端。 然…

最近准备培训新人, 为了方便新人较快入手 React 开发并编写高质量的组件代码, 我根据自己的实践经验对React 组件设计的相关实践和规范整理了一些文档, 将部分章节分享了出来. 由于经验有限, 文章可能会有某些错误, 希望大家指出, 互相交流. 由于篇幅太长, 所以拆分为…

个人网站想要做一个类似 eleUI tabs 的效果，想着以后说不准别处也要用呢，而且以后可能还会有其他组件，索性就写一个自己的UI库吧。因为暂时还没想到要什么样式，所以目前没有css效果。 这里记录一下过程，只针对于个人网站定制需求进行开发。第一次发文讲不明白的我会继续修改 …

目前，我们能接触到的模块化组件库真可谓是数不胜数，尤其是vue相关的那更是多如牛毛，譬如element，iview等等，虽然有很多，但是轮子虽多，合不合适自己还不好说，就像买衣服，有件衣服虽然好看，但是貌似容纳不了自身肥胖的身躯那也只能望洋兴叹。当然这时候，量身定做就显得那么重…

重头戏来了。 宿主环境各不相同，需要将源码进行相关处理后发布至 npm。 本节所有代码可在仓库chapter-3分支中获取。 既然是使用typescript编写的组件库，那么使用者应当享受到类型系统的好处。 这样使用者引入npm 包时，便能得到自动提示，也能够复用相关组件的类型…

如今前端工程师的要求越来越高了，需要掌握的技术点越来越多了，会一些基本的前端技能完全适应不了快速变化的前端领域了。接下来我将从零实现一个自己的UI组件库并发布到npm上，提供给需要的朋友参考也总结下自己对封装组件的理解方便以后复习。 先本地全局安装node环境，vue的运行是依…