使用 Netlify CLI 部署 Next.js 应用 最近下载一个 Next.js 博客应用，想修改一下自己用。部署到哪里大家在国内都能访问呢？第一想到的就是 Netlify。Netlify 推荐的是将网站链接到一个 Git 仓库，用于持续部署（CI）。不过我不打算使用这种自动部署方式。那么如何手动部署 Next.js 网站呢？ Netlify 的文档写得并不清楚，我找了好久终于找到了方案，如果您想直接看答案，可以跳过看文章最后的总结。

测试二次封装的 UI 组件 有了 Testing Library 这个神器之后。编写单元测试变得容易多了。当然，对于基于原生 UI 组件测试来说，这并不是问题。然而在实际开发中，我们会用到第三方的 UI 组件库。比如在国内，开发 Vue 应用一般会选用 Element UI 作为组件库，开发 React 应用一般会选用 antd。这些第三方的 UI 组件库组件很多具有复杂的交互功能，基于它们进行二次封装 UI 组件就比较难测试。原因有如下几个方面。

React CRUD 项目 本项目使用 React + TypeScript + antd + axios + JSON Server 开发的简单 CRUD Web 应用。麻雀虽小，五脏俱全。感兴趣的话，可以访问该项目的 Github查看。

使用 Immer Immer 是一个 JavaScript 库，用于简化处理不可变数据的操作。它的目标是使数据的修改过程更加直观和易于理解，同时保持不可变性的特性。传统上，处理不可变数据需要进行大量的手动操作，例如深层复制对象、创建新的数组副本等。这样的操作不仅繁琐，而且容易出错。Immer 的出现解决了这个问题。

TypeScript 重构 TypeScript 重构是一个很大的话题，很难三言两语说得清楚。下面以一个简单的 React 开发的计数器应用来谈一谈怎样使用 TypeScript 循序渐进的重构 React 应用，怎样更好的使用 TypeScript 类型系统让重构更“丝滑”。