htmlin

1. 安装组件库 2. 组件库配置eslint 3. 引入依赖 4. 编写组件 5. 删除多余文件+引用组件 6. 运行项目 shouldExtractLiteralValuesFromEnum：storybook爬取组件属性的时候会自动把type类型的属性自动展开。 prop…

这是一篇写给 Lerna 初学者的文章，在这篇文章我将从零创建一个 TS 项目，并且使用 Lerna 将项目中的多个包发布到 npm 中 Lerna 介绍 Lerna 是一个使用 git 和 npm

我在大概一年前写了一篇如何把 Node.js 项目从 JavaScript 迁移到 TypeScript 的指南。指南的阅读量超过了七千，不过其实当时我对 JavaScript 和 TypeScript 的了解并不深入，把重心更多地放到特定工具上，而没怎么从全局着手。最大的问题…

看到标题，大家就能想起这个需求在很多项目上都能用到。我们部署在Web服务器上的前端应用，既可以用PC浏览器访问，也可以用手机浏览器访问，再加上现在智能设备的推广，我们甚至能在车载系统、穿戴设备和电视平台上访问。 设备的多样化让用户无处不在，有时候我们需要根据不同的浏览器运行环境…

这篇文章将会介绍如何设置并使用 Jest 和 Enzyme 测试通过 Create React App (CRA) 创建的 React 应用。对于那些从头开始的人我们会给出一些建议。但是，不会涉及太多有关 React 的知识。 Jest 和 Enzyme 是两个不同，但又相互相…

bugs, 防止复现. 我经常在测试中使用的是浅渲染和 Jest 快照测试。 浅渲染指的是将一个组件渲染成虚拟 DOM 对象，但是只渲染第一层，不渲染所有子组件。所以即使你对子组件做了一下改动却不会影响浅渲染的输出结果。或者是引入的子组件中发生了 bug,也不会对父组件的浅渲染…

单元测试：指的是以原件的单元为单位，对软件进行测试。单元可以是一个函数，也可以是一个模块或一个组件，基本特征就是只要输入不变，必定返回同样的输出。一个软件越容易些单元测试，就表明它的模块化结构越好，给模块之间的耦合越弱。React的组件化和函数式编程，天生适合进行单元测试 TD…

我一直在 React 应用中使用 SVG 感到困惑。我在网上看到了很多在 React 中使用 SVG 的方案，但真正实践起来时，几乎都没成功过。现在我要介绍一个非常简单易行的方式来解决这个问题。 提示：这篇文章中的图标均来自 Flaticon。如果你用了这个网站的图标，别忘了向…

随着国际化发展，多语言的需求越来越常见，单一的语言已经远不能满足需求了。作为一个组件库，支持多语言也是基本能力。 多语言功能的本质其实是文本的替换，一个词汇“OK”，在英文语境下是“OK”，日语语境下是“確認”，中文语境下可能是“确定”也可能是“确认”“好的”等等。 本文将以简…