搜索结果: "react"

4.5

ReactQuery服务器状态管理Skill react-query

这是一个关于 TanStack Query(React Query)的专业技能,专注于在 React 应用中高效管理服务器状态。它提供了数据获取、缓存、变更处理、乐观更新、无限查询和预取等核心功能的实现模式与最佳实践。适用于需要优化数据流、提升应用性能和用户体验的前端开发场景。关键词:React Query,服务器状态管理,数据缓存,乐观更新,无限查询,前端性能优化,React 数据获取。

4.5

React服务器组件技能Skill react-server-components

React服务器组件技能是专门用于实现React服务器组件架构的专业能力,包含流式传输、数据获取、客户端与服务器组件组合、性能优化等核心模式。该技能帮助开发者设计合理的组件边界,优化应用性能,实现高效的数据流管理。关键词:React服务器组件、Next.js、流式渲染、组件组合、性能优化、数据获取、Suspense、服务器操作、前端架构。

4.5

React测试库Skill react-testing-library

React 测试库技能提供专业的 React 组件测试解决方案,专注于编写以用户为中心的测试用例、使用最佳查询方法、处理异步操作、确保组件可访问性以及模拟外部依赖。适用于前端开发中的单元测试、集成测试和可访问性测试,是提升 React 应用质量和用户体验的关键工具。关键词:React 测试,前端测试,单元测试,可访问性测试,测试库,用户事件模拟。

4.5

shadcn/ui组件开发助手Skill shadcn

shadcn/ui 技能是一个专注于使用 shadcn/ui 组件库进行高效、现代化用户界面开发的专家助手。它提供组件安装、样式定制、主题配置、功能扩展以及与表单等复杂逻辑集成的全方位支持。适用于 React 应用、Next.js 全栈项目和快速原型开发,帮助开发者快速构建美观、一致且可维护的 UI。关键词:shadcn/ui, React组件库, UI开发, 前端组件, 主题定制, Next.js, 快速原型。

4.5

tRPC类型安全API构建技能Skill trpc

tRPC技能是用于构建端到端类型安全API的专家工具,专注于tRPC框架、React/Next.js集成、类型安全过程与路由器、中间件实现、错误处理以及实时订阅功能。关键词:tRPC,类型安全API,React集成,Next.js,全栈开发,Zod验证,中间件,RPC替代REST。

4.5

MidnightDApp错误处理Skill midnight-dapp:error-handling

Midnight DApp错误处理技能专注于为基于零知识证明的区块链去中心化应用提供完整的错误管理解决方案。该技能涵盖错误分类、用户友好消息转换、恢复策略实现、React错误边界集成等技术要点,帮助开发者优雅处理证明生成失败、交易拒绝、网络断开等各类异常情况,提升DApp的稳定性和用户体验。关键词:Midnight DApp、错误处理、零知识证明、区块链错误分类、用户友好消息、React错误边界、交易错误恢复、网络错误处理、ZK证明失败、DApp开发。

4.5

JSON-UI报告渲染器Skill json-ui

JSON-UI 是一个强大的 JSON 到 HTML 报告渲染器,支持 React 组件和双语国际化。它允许开发者通过定义 JSON 结构快速生成美观、交互式的学术或数据报告网页。核心功能包括组件化架构、Zod 模式验证、静态 HTML 输出、React 组件库以及无缝的中英文语言切换。适用于学术论文展示、数据分析报告、自动化文档生成等场景。关键词:JSON渲染,HTML报告,React组件,双语国际化,i18n,学术报告,数据可视化,前端开发工具。

4.5

Next.js应用生成器Skill nextjs-app

Next.js应用生成器是一个专业的代码生成工具,专门用于创建基于Next.js 14+框架的现代化Web应用程序。该工具能够智能生成App Router架构下的服务端组件、客户端组件、API路由、中间件和高效数据获取模式。支持React Server Components、Server Actions、增量静态再生(ISR)等前沿技术,帮助开发者快速构建高性能、SEO友好的全栈应用。适用于前端开发、全栈开发、Web应用构建等场景,提升开发效率和代码质量。

4.5

React组件生成器Skill react-component

这是一个用于自动生成高质量、现代化React组件的技能工具。它专注于使用TypeScript、React Hooks和状态管理,并遵循无障碍(a11y)最佳实践。核心功能包括:一键生成函数组件、自定义Hooks和Context Provider,支持Props类型定义、样式配置和加载状态处理。适用于前端开发人员快速构建可复用、类型安全且易于维护的UI组件库,提升开发效率和代码质量。关键词:React组件生成,TypeScript,Hooks,前端开发,无障碍设计,状态管理,UI库。

4.5

Docker容器化技能Skill docker-containerization

Docker容器化技能专为现代化Web应用(如Next.js、React、Node.js)提供全面的容器化解决方案。该技能涵盖Dockerfile生成、docker-compose配置、容器管理脚本以及多平台部署指南,支持开发、生产、CI/CD全流程。关键词:Docker容器化、多阶段构建、容器编排、Kubernetes部署、云原生、DevOps自动化、镜像优化、微服务部署、CI/CD集成、云平台部署。

4.5

Docker容器化技能Skill docker-containerization

Docker容器化技能提供全面的应用容器化解决方案,包括Dockerfile生成、Docker Compose配置、容器管理脚本和云平台部署指南。适用于Next.js、React、Node.js等现代Web应用的开发、测试和生产环境容器化,支持Kubernetes、AWS ECS、Google Cloud Run等主流云平台部署。关键词:Docker容器化,Dockerfile配置,容器编排,云原生部署,CI/CD流水线,微服务架构,镜像优化,多阶段构建。

4.5

Tamagui最佳实践指南Skill tamagui-best-practices

Tamagui最佳实践技能,专注于React Native和Web跨平台UI开发框架Tamagui的高级应用模式。提供配置v4、编译器优化、样式化上下文、复合组件、设计令牌、主题化、性能优化和常见反模式解决方案。关键词:Tamagui, React Native, 跨平台开发, UI框架, 样式系统, 编译器优化, 设计系统, 移动开发, Web开发, 性能优化。