将智能合约与前端集成 本教程我们将教你如何通过使用 Metamask 和 Web3 工具将你的 Hello World 智能合约连接到一个 React 前端，从而创建一个全栈的 dApp。在本教程结束时，你将学会如何：将 Metamask 钱包连接到你的 dApp 项目、使用 Alchemy Web3 API 从你的智能合约中读取数据、使用 Metamask 签署 Ethereum 交易

Mern 身份验证 这是一个关于如何使用 JWT 和 HTTP-only cookie 实现 MERN 栈应用程序的身份验证系统的两部分系列的第二部分。在本部分中，我们将创建前端 React 应用程序，以使用我们在第一部分中构建的 API。我们将使用 Redux Toolkit 进行状态管理。

使用 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查看。