专题：Typescript
共46篇相关文章
React中useEffect、useMemo和useCallback如何区分使用场景？
 ## useEffect 先理解 useEffect...
如何将React Context与Zustand Store无缝集成以构建复杂应用状态管理？
引言 在现代 React 应用开发中，状态管理一直是开发者面临的核心挑战之一。虽然 Redux 曾是主流解决方案，但其繁琐的样板代码让许多开发者望而却步。Zustand 作为一个轻量级的状态管理库，提供了更简洁的 API 和更好的 Type...
如何在 Zustand 中实现类似 computed 的功能？
引言 在状态管理领域，计算属性（computed properties）是一个极其重要的概念。MobX 和 Pinia 等库都内置了计算属性功能，允许开发者声明式地定义派生状态。虽然 Zustand 本身没有直接提供 computed AP...
为何React导入不删，它可是之魂？
问题 使用 Delete unused imports 操作时，同时删掉了 import React from 'react';。 为什么不能删掉呢？因为代码 push 到远程仓库后会走 CI...
如何在 Zustand 中创建通用的 Action？
为何需要通用 Action？ 在 Zustand 状态管理库中，开发者常常需要为状态对象的每个字段单独编写更新函数。然而，随着状态结构的复杂化，这种方式会导致代码冗余，维护成本增加。例如： updateName: (name) =&...
Semi Design Upload组件如何实现自定义压缩，文件上传后为何不触发onChange？
背景 我们团队主要在做 C 端产品，对于 C 端应用，图片资源使用 CDN 十分重要，因此我们曾建立了一个文件上传平台：上传文件后，可以复制图片的 CDN URL 在前端项目中使用。 目前服务端不会对图片做压缩，使用前得先借助其他工具手动压...
如何将React状态管理的碎片化问题转化为一个？
前言 三年前，我们还在 Reddit 上吵得不可开交： “Redux 太啰嗦！” “Zustand 太黑盒！” “Jotai 会内存泄漏！” 今天，React 19 直接把“外挂仓库”拆成了无数颗微状态胶囊（Micro-State Caps...
如何将 TypeScript 类型守卫与 Zod 数据验证结合使用？
我见过许多因为运行时数据不匹配而导致的崩溃，也曾写过无数防御性代码和 any 断言，哈哈 😄。TypeScript 的类型安全本来就不该止步于编译期。直到遇见 Zod，Zod 不仅是一个验证库，它为 Type...
博客园shadcn皮肤，现代UI体验如何实现？
背景 tona-shadcn 是基于 tona 和现代 UI 组件系统 shadcnui 的博客园皮肤实现，它让传统博客园主题具备一致的设计语言、深色模式支持和响应式布局能力。其价值在于将成熟设计组件与博客园生态结合，为内容创作者提供既专...
如何动态关联ORM并推断DTO实现灵活查询？
如果事先没有定义静态关系，在实际代码中，我们就需要提供一种使用动态关系的机制，让我们的查询、类型推断、DTO推断等能力得以正常使用。...
数据库事务功能丰富多样，你都用过哪些？
Vona ORM 对数据库事务提供了完整的支持，提供了直观、优雅、强大的特性：事务传播机制、事务补偿机制、确保数据库与缓存数据一致性...
Node.js主流ORM框架如何实现动态分表方案？
针对高并发、数据量大的场景，通常会考虑采用分库分表进行优化。在这篇文章，我们重点盘点一下Node.js主流ORM框架的动态分表方案...
Node生态中，哪个里程碑标志着动态推断与生成DTO的诞生？
而 Vona ORM 首创 DTO 动态推断与生成能力，解放我们的双手，显著提升生产力。甚至可以说，对于构建更加优雅的 Node.js 后端框架而言，能够动态推断与生成 DTO，是非常重要的里程碑...
Vona ORM如何实现支持多数据库和多数据源配置？
在Vona ORM中实现多数据库多数据源非常直观、简便。下面以 Model UserOrder 为例，通过查询用户的订单列表，来演示多数据库多数据源的使用方法...
如何高效实现Vona ORM分表策略？
针对高并发、数据量大的场景，通常会考虑采用分表机制进行优化。下面以 Model UserOrder 为例，通过查询用户的订单列表，来演示分表的使用方法...