这份指南提供了构建和部署React应用程序的详细步骤，包括Vercel和Netlify的部署指南、Docker部署、GitHub Actions CI/CD工作流、环境变量配置、构建优化技巧以及健康检查和监控设置。

这个技能涵盖了React Web应用的样式模式，包括Tailwind CSS、CSS Modules、主题设计、响应式设计和组件样式。关键词：Tailwind CSS、CSS Modules、响应式设计、主题系统。

使用 React Hook Form, Formik, Vee-Validate 和自定义验证器实现表单验证，包括客户端验证、服务器端同步和实时错误反馈。

这个技能是关于使用Next.js框架构建全栈Web应用程序的实践模式，涵盖App Router、服务器组件、数据获取、认证和部署等关键技术。适用于开发现代、高性能的React应用，关键词包括：Next.js, 全栈开发, React, TypeScript, 服务器组件, 数据获取, 认证, 部署, Web开发。

这个技能用于在 Bknd 应用程序中配置和实现用户自注册功能，包括注册配置、启用/禁用注册、设置默认角色、密码验证、SDK 和 API 集成，以及前端 React 表单开发。关键词：Bknd、用户注册、身份验证、配置、SDK、API、React。

这个技能用于在Bknd平台中实现分页数据检索，涵盖限制/偏移分页、页面计算、分页元数据处理、分页辅助函数、无限滚动和React集成模式，适用于构建分页列表、表格和无限滚动功能。关键词：分页，Bknd，数据检索，React，无限滚动。

这个技能涵盖React中各种组件模式，如组合模式、自定义钩子、渲染属性、高阶组件和复合组件，用于构建高效、可维护的前端UI组件。关键词：React组件、组合、自定义钩子、渲染属性、高阶组件、复合组件、性能优化、前端开发、代码分割、虚拟滚动。

该技能用于在 React 前端开发中优化 JSX 渲染性能，通过提取静态 JSX 元素到组件外部，避免每次渲染时的重新创建，提高应用效率和响应速度，特别适用于大型静态 SVG 节点。关键词包括：React、JSX、渲染优化、静态元素、性能提升、前端开发、性能优化。

这个技能用于使用Next.js App Router架构开发现代Web应用，包括服务器组件、客户端组件、高级路由模式、数据获取优化和流式渲染，旨在构建高性能、SEO友好的React应用程序。关键词：Next.js, App Router, 服务器组件, 客户端组件, 路由, 数据获取, SEO。

TanStack Query v5性能优化技能，专注于数据获取、缓存、变异和查询模式的优化，旨在提升React应用的数据管理效率和性能。关键词：TanStack Query、性能优化、数据获取、缓存、变异、查询模式、前端开发、React、性能优化指南

这是一个前端开发指南，专注于现代React/TypeScript应用开发，包括Suspense数据获取、懒加载、文件组织、MUI v7样式、TanStack Router、性能优化和TypeScript最佳实践。适用于创建组件、页面、功能、数据获取、样式、路由或前端代码工作。关键词：前端开发、React、TypeScript、Suspense、懒加载、性能优化、MUI、TanStack Query、路由、组件模式、数据获取、文件组织、样式设计、性能优化、TypeScript最佳实践。

这是一个用于快速生成数据录入表单、验证模式和对应CRUD API端点的开发工具。它帮助开发者高效构建和管理表单功能，提升开发效率，确保数据验证和API安全性。关键词：表单生成、数据验证、CRUD API、前端开发、后端开发、Zod模式、React表单、API路由。