React useEffect钩子使用规范与优化技巧，涵盖数据获取、状态同步、性能优化等核心场景。提供何时使用与避免Effect的决策框架，包含常见反模式解决方案和替代方案推荐。关键词：React Hooks, useEffect, 性能优化, 状态管理, 前端开发, 最佳实践

此技能专注于提供 Next.js 框架的架构设计与优化解决方案。核心内容包括 App Router 路由模式、服务器组件实现、性能调优策略以及从旧版 Pages Router 的平滑迁移。适用于需要构建高性能、可扩展的全栈 Web 应用场景，帮助开发者遵循最佳实践，提升应用加载速度与开发效率。关键词：Next.js 架构，App Router 迁移，服务器组件，性能优化，全栈开发，React 框架。

本指南详细介绍了 TanStack Query v5 在数据获取、缓存管理和状态同步中的常见陷阱与最佳实践。内容涵盖 useQuery、useMutation、queryKey 配置、缓存失效策略、乐观更新模式以及从 v4 到 v5 的迁移要点。适用于前端开发者解决 React 应用中的数据状态管理问题，提升应用性能和用户体验。关键词：TanStack Query，React Query，数据获取，缓存失效，状态管理，前端开发，useQuery，useMutation，v5 迁移。

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

本技能提供了 Uniwind 在 React Native 中使用 Tailwind CSS 进行样式化的最佳实践指南，涵盖配置、主题架构、组件集成、响应式设计、性能优化等关键方面，适用于开发、Review 和代码重构，旨在提高移动应用的样式性能和可维护性。关键词：React Native, Tailwind CSS, Uniwind, 样式, 最佳实践, 性能优化, 移动开发, 前端开发, CSS, Metro 插件, 主题系统。

此技能专注于通过独特美学和高质量代码创建生产级前端界面，适用于构建网站、组件、应用等Web UI，强调创意设计、排版、颜色、动效和空间构图，避免通用AI美学，提升用户体验和SEO友好性。关键词：前端设计、UI设计、创意界面、HTML/CSS/JS、React、美学设计、生产级代码、用户体验。

这个技能专注于使用React Native框架进行跨平台移动应用开发，涵盖样式设计、导航实现和动画创建，以构建高性能、原生体验的应用。关键词包括：React Native, 样式设计, 导航, 动画, 跨平台, 移动开发, 性能优化, Reanimated, React Navigation。

这个技能专注于在TypeScript项目中集成Zustand状态管理库，提供类型安全的商店创建、选择器定义、切片模式、中间件使用等高级模式，帮助前端开发者构建可维护、高效和类型安全的React应用。关键词：Zustand, TypeScript, 状态管理, 类型安全, 前端开发, React, 商店创建, 选择器, 切片模式, 中间件。

现代 React UI 设计模式，专注于提升用户体验，包括加载状态、错误处理、数据获取等。

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

该技能专注于现代前端开发的最佳实践，涵盖使用React Server Components进行服务器端渲染、性能优化技术如代码分割和捆绑优化，以及优化Core Web Vitals指标（如LCP、INP、CLS）以提升网站性能和用户体验。适用于React、Next.js等框架，关键词：前端开发、React Server Components、性能优化、Core Web Vitals、代码分割、图像优化、字体加载、CLS预防。

本技能介绍如何使用Bknd平台进行文件上传，包括通过UI和代码两种方式，使用MediaApi SDK或REST API，支持React集成、进度跟踪、实体字段附件等。适用于前端和后端开发，涉及低代码开发场景。关键词：Bknd、文件上传、SDK、REST API、React、进度跟踪、实体媒体字段。