在UI组件库的开发过程中，如何方便的展示组件，测试组件，编写文档呢？storybook就提供了这样一种工具，利用它我们可以更方便地进行UI组件开发。最近一直在研究react，react和storybook的碰撞会是怎么样的呢。下面将从零开始，运用storybook手把手撸一个r…

很多时候，我们为了复用或者归纳总结，会把组件抽离出来发到npm上。但是这个过程你会发现一个问题，就是应该怎么更好的发布和管理维护这些组件呢。最后会发现网上的其他教程不是太零散了，就是有些细节不大到位。这里借这个机会好好总结一下，要是看完觉得有帮助的话，不妨个赞，关注一下哈哈。 …

在前面的部分，我们使用 React 等相关技术构建了库并对其进行了测试。现在，我们准备对前面的代码进行打包，并将其发布至 NPM，方便其他人使用。 组件库开发到了这里，终于也到了最重要的部分，解决（文档 + 打包）的问题。 在尝试了一些打包库（比如create-react-li…

今年早些时候用preact 做了个新项目，并自己开发了所有组件，于是萌生了做一个组件库的想法，在闲暇时终于慢慢地磨出来一个组件库。当是记录和总结一下开发的二三事吧。 如果感兴趣的话，可以看看 组件库文档 ，源码在 项目地址。 工欲善其事，必先利其器。个人建议不着急先写组件，一开…

近期负责公司内部 React UI 组件库的搭建，过程中踩了不少坑，主要还是对整个搭建过程没有一个比较清晰的概念，本文章就作为整个搭建过程的一个总结吧。 本文将详细讲述搭建一个前端 UI 组件库需要涉及的流程和相关知识、工具，其中参考了一些主流开源组件库的做法，阅读大约需要15…

是什么驱使我准备用Create React App[1] (后文简称CRA)来开发一套UI Component Library呢？因为团队选用了Vue作为基础技术栈，之前习惯了官方开箱即用的Vue-CLI非常便捷即可配置完成构建组件库所需的生产环境，比如这套我们内部使用的woo…

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

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

自己一直想搭建一套自己的博客系统，今年年末终于有时间开发，在开发后台cms系统时，使用antd组件库，突然一天问自己，组件库是怎么实现的，内部是怎么运行的，打包部署是怎么个原理，带着这些疑问，我开始萌生了自己开发一套组件库的想法。说干就干，自己花费了大概2个多月的时间完成了de…