Loading...
Loading...
共找到 92 个 Skills
经过生产环境验证的React + TypeScript应用中Zustand状态管理配置方案。 该技能提供了构建可扩展、类型安全的全局状态的完整模式。 适用场景：在React中配置全局状态、从Redux或Context API迁移、使用localStorage实现状态持久化、为Zustand配置TypeScript、使用切片模式构建模块化store、添加devtools中间件进行调试、处理Next.js SSR hydration问题，或者遇到hydration错误、TypeScript类型推断问题、persist中间件相关问题时。 可预防5个已记录的问题：Next.js hydration不匹配、TypeScript双括号语法错误、persist中间件导出错误、无限渲染循环、切片模式类型推断失败。 关键词：zustand、状态管理、React状态、TypeScript状态、persist中间件、devtools、切片模式、全局状态、React hooks、create store、useBoundStore、StateCreator、hydration错误、文本内容不匹配、无限渲染、localStorage、sessionStorage、immer中间件、浅比较、选择器模式、zustand v5
基于Nitro的react-native-mmkv为React Native提供快速同步键值存储功能。涵盖MMKV实例的创建与配置、所有值类型（字符串、数字、布尔值、缓冲区）的读写、用于响应式UI的React hooks、值变更监听器、加密、AsyncStorage迁移，以及状态管理集成（zustand、redux-persist、jotai、react-query）。还包括存储限制、多进程模式，以及从基于类的API到V4版本的升级内容。
指导用户实现用于可折叠内容面板的Syncfusion React Accordion组件。当用户需要创建可展开/折叠的区块、手风琴布局、选项卡式内容面板、多步骤表单、常见问题（FAQs）或带有可展开项的导航时，均可使用此技能。内容涵盖组件设置、展开模式、动画效果、动态内容加载、样式定制、事件处理、生命周期、React hooks集成以及完整的API参考。
来自官方文档的React useEffect最佳实践。适用于编写/审查useEffect、使用useState处理派生值、数据获取或状态同步的场景。讲解何时不需要使用Effect以及更好的替代方案。
针对TSX文件的React最佳实践审查工具。在编辑多个TSX组件后触发，运行一个精简的质量检查清单，涵盖组件结构、Hooks使用、可访问性、性能和TypeScript模式。
生成带有TypeScript、合适的props、hooks及无障碍支持的React组件。适用于创建新的React组件、UI元素或重构现有组件时使用。
RivetKit React客户端使用指南。适用于通过@rivetkit/react连接到Rivet Actors、使用createRivetKit创建hooks或通过useActor管理实时状态的React应用。
从前端和后端实时订阅Trigger.dev任务运行。适用于构建进度指示器、实时仪表盘、流式AI/LLM响应，或显示任务状态的React组件场景。
使用Hooks、React Query、Zustand进行React Web开发
Reactuse 提供可用于生产环境的 Hooks，解决实际开发中的问题。采用 TypeScript 优先的构建方式，支持 SSR，并且针对现代 React 应用进行了摇树优化。
指导如何正确使用React中的useCallback钩子。当你需要优化函数引用、向记忆化组件传递回调，或者防止不必要的重渲染时，可以使用此技能。
针对Starknet React项目的特定规则，聚焦区块链集成