梦若

我相信有遇到过这种情况的同学的第一反应是："诶，是要白嫖我还是说解决完问题给钱呀"，且听我接下来慢慢分析。 首先要说的是，这种没头没尾的突发情况，一般大部分人都是很难遇到的。 原因也

绝大多数react组件库，甚至包括个别大厂，写ui组件的时候基本上是不分层的，小伙伴可以来看看什么才是分层后的高质量react代码，一起交流

为了更直观的体验,我这里就从头创建了一个新的项目来配置eslint等相关配置,这里就跳过项目初始化步骤 ps: 本文全篇采用pnpm来当包管理器,有些命令可能与npm 不同 ps: 如果你使用的是vs

Vue 3、Vitest 中文文档上线、React 18 发布、FE-Hunter 前端赏金猎人、了解 CSS 布局算法、100 cool web moments

任何能提高代码可维护性、降低代码理解成本、提高代码的容错率和提高项目可扩展性的统一标准，称之为规范标准； 但是如何去落实规范就是一个难题了，我相信本文能给您答案 ~

在了解 webpack 的时候，也想到了之前有用到过的一个小工具 gulp。诧异一看，两者其实能够做到的事情竟然是如此相似。同样是 css，js，ts 转译，以及 监听文件修改，两个工具能够做到的事情好像是差不多的。 两者在一定程度上可以做到相同的事情，但也不是没有区别。 we…

用 PNPM Workspaces 替换 Lerna + Yarn 近年来，Monorepo 架构以越来越流行，鉴于它解决的问题，这是可以理解的。然而，最大的挑战是找到一个简单易用的工具去处理类似的架

为了让读者们沉浸式体验组件库开发，我将会手把手带着读者们搭建起一个组件库的 monorepo 开发环境。

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