前端开发
tanstack/react-query
中 的核心用法及实践指南 --- 一、基础用法 基本参数配置 需要至少两个参数：（唯一查询标识）和 （数据获取函数）。 typescript import { useQuery } from "@tanstack/react-query"; import axios from "axios"; // 定义数据获取函数...
Knight
无效日期
分类: 前端开发
共 39 篇文章
前端开发
react-hook-form
以下是针对 中 、 和 的核心用法解析，结合具体场景与最佳实践： --- 一、：监听字段变化并优化渲染 作用： 监听表单字段值的变化，但仅在自定义 Hook 层级触发重新渲染，提升性能$1$1。 核心用法： 基础监听 监听单个字段，返回其当前值： typescript const firstName = useWatc...
Knight
无效日期
前端开发
monorepo的使用
前端 Monorepo 使用指南 一、Monorepo 的核心优势 代码复用与共享 所有子模块（如组件库、工具函数）集中管理，支持跨项目直接引用，避免重复开发。例如，业务模块可共享全局组件库和工具函数，无需通过 npm 包发布更新$1$1。 统一构建与依赖管理 通过单一仓库统一配置构建工具（如 Webpack、Vite...
Knight
无效日期
前端开发
客户端水合(hydration)
服务端数据获取： 在服务端组件中使用异步函数获取数据，利用 Next.js 14 的服务端渲染能力 使用 revalidate 配置数据缓存时间，减少不必要的 API 调用 组件拆分： 将页面拆分为多个小型、可复用的组件 只有需要交互的组件（如订阅表单）被标记为客户端组件，其他保持服务端渲染 类型定义： 创建统一的类型定义文件，提高代码可维护性 Suspense 和加载状态： 使用 React Suspense 优化加载体验 为各部分提供骨架屏加载状态 这种架构的优点： 服务端渲染的内容可以更快地展示给用户 首次加载的 JavaScript 包体积更小 只有交互部分需要客户端水合(hydration) SEO 更友好，因为搜索引擎可以看到完整渲染的内容
Knight
无效日期
前端开发
TypeScript小问题
接口（interface）的声明顺序 ts import { AdminCustomerGroup } from "../../customer-group" import { BaseCustomer, BaseCustomerAddress } from "../common" export interface A...
Knight
无效日期
