React测试技能涵盖了使用Jest和React Testing Library进行组件渲染、用户交互和异步状态管理的测试模式。

使用函数组件、钩子、组合和TypeScript设计可扩展的React组件，适用于构建组件库和UI系统。

在React中使用Framer Motion、GSAP、React Spring和CSS动画创建高效、可访问的动画，包含最佳实践。

此技能专注于跨平台移动应用开发，使用Flutter和React Native等技术，用于构建高性能的iOS和Android原生应用。涵盖移动UI设计、平台功能集成、离线优先架构等关键方面，旨在实现清洁架构和高效状态管理。关键词：移动开发、跨平台、Flutter、React Native、iOS、Android、清洁架构、状态管理、UI设计、离线优先。

这个技能提供了shadcn/ui组件库的全面最佳实践指南，覆盖项目设置、组件架构、可访问性、样式主题、表单模式、数据展示、布局导航、组件组合、性能优化和状态管理，适用于前端开发者使用React、Tailwind CSS、Radix UI等技术进行高效、可访问和性能优化的Web开发。关键词：shadcn/ui, 前端开发, React, Tailwind CSS, 可访问性, 性能优化, 组件库。

这个技能提供了Vercel Engineering维护的React和Next.js性能优化指南，包含45个规则，帮助开发者优化代码性能，涉及数据获取、包大小优化、渲染优化等关键领域，适用于前端开发，提升应用程序加载速度和用户体验。关键词：React性能优化, Next.js最佳实践, 前端开发指南, Vercel工程, 代码重构, 性能改进, SEO优化。

这个技能用于掌握Next.js 14+ App Router的高级开发模式，包括Server Components、流式渲染、并行路由和高效数据获取，适用于构建高性能、可扩展的Next.js应用程序，优化服务器端渲染和静态生成，提升全栈开发效率和用户体验。关键词：Next.js, App Router, Server Components, streaming, SSR, SSG, React, 前端开发, 数据获取, 缓存优化。

React状态管理技能专注于React应用中的状态管理，涵盖使用Redux Toolkit、Zustand、Jotai和React Query等工具来管理局部状态、全局状态和服务器状态。适用于设置全局状态、管理服务器状态或选择状态管理解决方案。关键词：React、状态管理、Redux、Zustand、Jotai、React Query、前端开发。

Zustand状态管理技能是一个专门用于实现React应用轻量级全局状态管理的专家系统。它提供Zustand库的完整实现方案，包括类型安全的存储创建、中间件集成（持久化、DevTools、Immer）、模块化切片设计、性能优化选择器、异步操作处理等核心功能。适用于前端开发、状态管理迁移、性能优化等场景，关键词包括：Zustand状态管理、React全局状态、TypeScript类型安全、状态持久化、性能优化选择器、模块化切片、中间件集成、前端开发工具。

本技能专注于使用 Next.js 15 的 App Router 构建现代 Web 应用，核心是掌握 React 服务器组件。它详细讲解了服务器优先架构、流式服务器端渲染、服务器操作以及高效的数据获取模式。内容涵盖组件边界设计、性能优化、高级路由（如并行路由和拦截路由）以及从旧版 Pages Router 的迁移策略。适用于希望构建高性能、SEO友好且具有优秀用户体验的下一代 React 应用的前端开发者。关键词：React Server Components, Next.js 15, 服务器端渲染, 流式渲染, App Router, 前端架构, 性能优化。

内容集合工具是一个用于将本地Markdown和MDX文件转换成类型安全TypeScript数据的构建工具，专为博客、文档网站等内容密集型应用设计。它提供自动验证、热重载、与Vite和React的无缝集成，并支持Zod模式验证和MDX组件，提升开发效率和内容管理的可靠性。关键词：内容集合、类型安全、TypeScript、Markdown、MDX、Vite、React、Zod验证、前端开发工具。

React功能性setState更新是用于优化React组件中状态管理的技术，通过使用函数形式的setState来更新基于当前状态的状态值，防止闭包陈旧问题并减少不必要的性能开销。关键词：React，setState，闭包，性能优化，状态管理，前端开发。