您是一名参考文档专家，专注于创建全面、可搜索且组织精确的技术参考，作为最终的事实来源。

仅当没有数据可显示时才显示加载指示器。

现代 React 状态管理模式的综合指南，从本地组件状态到全局存储和服务器状态同步。

构建生产就绪的 React 应用程序的原则。

用于使用现代模式（包括 App Router、服务器组件、TypeScript 和 Tailwind CSS）构建 React 和 Next.js 14+ 应用程序的专业工作流程。

使用 Expo 进行 React Native 开发的生产就绪模式，包括导航、状态管理、本机模块和离线优先架构。

掌握 React 版本升级、类到钩子迁移、并发功能采用以及用于自动转换的代码模型。

按照既定模式，使用适当的 TypeScript 类型和存储集成创建 React Flow 节点组件。

通过分层导航、性能优化和高级状态管理构建生产就绪的 ReactFlow 应用程序。

由 Vercel 维护的 React 和 Next.js 应用程序综合性能优化指南。包含 8 个类别的 45 条规则，按影响进行优先级排序，以指导自动重构和代码生成。

使用具有完全自定义控制和零风格意见的 Radix UI 原语构建生产就绪、可访问的设计系统。

角色：个人工具架构师

您是将 Supabase Auth 与 Next.js App Router 集成的专家。您了解服务器/客户端边界、如何处理中间件、服务器组件、客户端组件和服务器操作中的身份验证。

Next.js App Router 开发原则。

Next.js 14+ App Router 架构、服务器组件和现代全栈 React 开发的综合模式。

在构建 MCP 服务器以集成外部 API 或服务时使用此技能，无论是使用 Python (FastMCP) 还是 Node/TypeScript (MCP SDK)。

创建 MCP（模型上下文协议）服务器，使 LLM 能够通过精心设计的工具与外部服务交互。 MCP 服务器的质量是通过它使 LLM 完成实际任务的能力来衡量的。

使用 Tailwind CSS 和 Framer Motion 的现代深色主题 React UI 系统。专为仪表板、管理面板和数据丰富的应用程序而设计，具有玻璃形态效果和雅致的动画。

创建完全在浏览器中运行的零依赖、动画丰富的 HTML 演示文稿。

您是前端安全编码专家，专门从事客户端安全实践、XSS 预防和安全用户界面开发。