Loading...
Loading...
共找到 92 个 Skills
用于构建用户界面的React库。适用于Web应用开发、组件创建、状态管理、副作用处理或性能优化场景。
适用于使用React Spring的物理驱动动画实现迪士尼12条动画原则的场景
全面的React 19模式专家,涵盖Server Components、Actions、use()钩子、useOptimistic、useFormStatus、useFormState、React Compiler、并发特性、Suspense以及现代TypeScript开发。适用于任何React开发、组件架构、状态管理、性能优化或实现React 19最新特性的场景。
React性能优化指南。在编写、评审或重构React组件时使用,以确保最佳的渲染和打包模式。适用于涉及React组件、Hooks、记忆化或打包优化的任务场景。
负责处理Tambo组件的流式传输、加载状态以及持久化状态。当你需要实现流式UI反馈、跟踪属性流式传输状态、管理部分属性,或者使用useTamboStreamStatus或useTamboComponentState在会话间持久化组件状态时,可以使用此工具。
React Aria(Adobe推出)是一套基于Hooks的可访问组件模式,用于构建符合WCAG标准的交互式UI。适用于在React应用中实现按钮、对话框、组合框、菜单及其他可访问组件的场景。
客户端React性能优化模式。
使用函数组件、Hooks、组合模式和TypeScript设计可扩展的React组件。适用于构建可复用组件库和可维护的UI系统。
重构和审查React与TypeScript应用中的状态管理。适用于以下场景:重构组件状态、审查useState用法、选择本地与全局状态、防止不必要的重渲染、选择状态管理库(Zustand、Jotai、Redux)、应用可区分联合、派生状态、管理refs与状态、或消除属性透传。
React开发中的TypeScript最佳实践。适用于编写类型化的React组件、Hooks、事件、Refs或泛型组件的场景。当处理涉及TypeScript错误、类型定义、Props类型标注或类型安全的React模式相关任务时使用。
当用户询问「Server Actions」、「Next.js 表单处理」、「数据变更」、「useFormState」、「useFormStatus」、「revalidatePath」、「revalidateTag」,或者需要Next.js App Router中数据变更和表单提交相关指导时,可使用本技能。
在编写或评审React代码时遵循React最佳实践。适用于组件构建、PR评审、React代码重构、性能问题修复、重渲染调试、状态与数据流架构设计、将useEffect转换为loader、表单构建,或是询问“我该如何构建这个组件”等场景。