Published on2024年12月25日React 19 新特性之useOptimisticreact探讨React 19中引入的新功能useOptimistic,深入解析其如何简化乐观更新的流程,提升用户体验
Published on2024年12月24日React 19 新特性之useFormStatusreact探讨React 19中引入的新功能useFormStatus,深入解析其如何简化表单状态管理,以及在并发模式下解决竞态问题的原理
Published on2024年12月23日React 19 新特性之useActionStatereact介绍了React 19 引入 Actions概念,专为处理更新数据的异步操作,如表单提交、API 请求等。与 Suspense 不同,Actions 简化异步流程,自动管理 loading 等状态,减少样板代码,提升开发体验。
Published on2024年8月29日Next.js14 App Router配置国际化nextjsreact自从 nextjs 14 推出了 App Router 这个新特性,在 Page Router 下国际化路由功能在 App Router 中已被移除, 下文将介绍如何在 Next.js14 中配置 App Router 实现国际化。
Published on2024年5月23日React设计模式之Render PropsreactRender Props 是 React 中一种强大的代码复用模式,它通过一个返回 React 元素的函数类型的 prop 来共享组件的状态或行为逻辑。简单来说,就是一个组件接收一个函数作为 prop,这个函数返回一个 React 元素,而不是组件直接渲染其内部的元素。
Published on2024年4月29日React设计模式之Container/Presentationalreact在现代 React 应用程序开发中,组件的设计模式直接影响着代码的可维护性、可测试性和可重用性。Container/Presentational Pattern(容器/展示模式)作为一种经典的组件设计模式,通过关注点分离的方式优化了组件结构。本文将深入探讨这种模式的实现方式、应用场景及其优势。
Published on2024年4月20日React设计模式之Compoundreact复合组件是React中一种优雅的设计模式,适用于构建功能复杂且紧密关联的组件集。通过清晰的组件层级和有效的状态管理,这种模式不仅提高了代码的可维护性,也增强了组件的可扩展性。尽管面临较高的初始设计成本,但对于需要解决复杂UI的项目来说,复合组件模式的长期收益是显著的。