Tauri 是一个新兴的桌面应用开发框架，它使用 Rust 构建底层逻辑，前端则采用 Web 技术栈。与传统的 Electron 相比，Tauri 提供了更小的打包体积和更高的安全性，逐渐成为跨平台桌面应用的热门选择。

  在使用 React 开发项目时你可能注意到，当点击页面中的跳转链接时，地址栏的 URL 发生了变化，但页面却没有被重载，只是改了部分内容。这在传统网页中几乎是不可能的事，我们一旦换了 URL 地址，浏览器就会向服务器发起请求并重新加载页面。那为什么在 React 里，页面地址变了却不刷新？

  前端项目越来越复杂，需要对接的后端接口也越来越多，处理这些数据的逻辑时常让人头大。之前一直听说 TanStack Query 在这方面现在还挺好用的，今天来简单认识一下一下。

  在 React 中，组件的重新渲染是一个重要的性能考虑因素。随着我们应用程序的复杂性增加，经常因为传递给子组件的函数变更而导致不必要的重新渲染（由于函数变化了，此时就算组件用了 memo ，因为函数实际变化了，这个 memo 就会失效了）。为了避免这种情况，React 提供了一个另一个 Hook 函数 **useCallback**。它可以缓存函数实例的 React Hook，避免在每次渲染时都重新创建函数，从而提高性能。

  在 React 的性能优化一直是开发过程中的一个重要方面，尤其是在构建复杂应用时。随着组件数量和复杂度的增加，React 会频繁地重新渲染组件，这可能会导致严重的性能瓶颈。为了避免不必要的重新渲染，React 提供了 memo 和 useMemo 这两个优化工具来避免不必要的渲染。

  在前端开发中，我们经常会遇到各种调试场景，比如：切换接口地址、注入本地资源、模拟接口返回数据等。如果每次都要修改代码或后端配合，无疑会浪费很多时间。这时，一款好用的调试代理工具就显得非常重要。

  Whistle 是一个基于 Node.js 的 Web 调试代理工具，支持请求转发、重定向、本地资源注入、Mock 接口等功能，特别适合前端在开发和联调阶段使用。本文将系统地介绍 Whistle 的安装、启动及常用规则配置，可以更高效地完成代码的调试工作。

  在开发过程中我们经常遇到环境变量的问题，本文提供了一个 Prisma 从不同 .env 文件中读取数据库 URL 的方案。