首页龙虾技能列表 › React — 全面 React 开发解决方案

React — 全面 React 开发解决方案

v?

提供完整的 React 19 工程实践,涵盖架构、Server Components、hooks、状态管理(Zustand)、数据查询(TanStack Query)、表单处理、性能优化、测试策略以及生产环境部署指导。

3· 5,100·0 当前·0 累计

运行时依赖

无特殊依赖

安装命令 点击复制

官方clawhub install react
镜像加速clawhub install react --registry https://cn.clawhub-mirror.com

技能文档

概述

提供完整的 React 19 工程实践指导。

核心功能

  • React 19 工程: 最新 React 版本的工程实践
  • 架构设计: 优化的应用架构建议
  • Server Components: 服务器端组件开发指南
  • hooks: 自定义钩子最佳实践
  • Zustand: 状态管理解决方案
  • TanStack Query: 高效数据查询和缓存
  • 表单处理: 处理复杂表单的策略
  • 性能优化: 提升应用性能的技巧
  • 测试策略: 全面的测试方法
  • 生产环境部署: 安全、可靠的部署指导

使用示例

// 示例:使用 Zustand 管理全局状态
import { useZustand } from 'zustand';

const useStore = create(() => ({ count: 0, increment: () => ({ count: state.count + 1 })) );

function Counter() { const { count, increment } = useZustand(useStore); return (

Count: {count}

); }

部署

参考 生产环境部署指南 进行部署配置。

数据来源:ClawHub ↗ · 中文优化:龙虾技能库
OpenClaw 技能定制 / 插件定制 / 私有工作流定制

免费技能或插件可能存在安全风险,如需更匹配、更安全的方案,建议联系付费定制

了解定制服务