React

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