搜索结果: "react"
ReactFlow自定义节点与边缘技能Skill reactflow-custom-nodes
React Flow自定义节点与边缘技能是用于使用React Flow库创建自定义节点和边缘的技术，主要应用于构建节点编辑器、工作流界面、可视化图表和数据流程图等前端开发场景。它支持交互式表单元素、多种节点类型、工具栏、可调整大小节点、分组节点、自定义边缘交互和连接验证。关键技能包括自定义组件、样式定制、行为交互、性能优化、前端开发、UI设计和JavaScript框架。
ReactNative性能优化Skill react-native-performance
这个技能专注于优化React Native移动应用的性能，通过FlatList优化、组件记忆化、图像优化、包大小减少和性能分析等技术，提升应用运行效率和用户体验。关键词：React Native，性能优化，FlatList，记忆化，图像优化，包大小，性能分析，移动开发。
React测试库Skill react-testing-library
React 测试库技能提供专业的 React 组件测试解决方案，专注于编写以用户为中心的测试用例、使用最佳查询方法、处理异步操作、确保组件可访问性以及模拟外部依赖。适用于前端开发中的单元测试、集成测试和可访问性测试，是提升 React 应用质量和用户体验的关键工具。关键词：React 测试，前端测试，单元测试，可访问性测试，测试库，用户事件模拟。
Next.js应用生成器Skill nextjs-app
Next.js应用生成器是一个专业的代码生成工具，专门用于创建基于Next.js 14+框架的现代化Web应用程序。该工具能够智能生成App Router架构下的服务端组件、客户端组件、API路由、中间件和高效数据获取模式。支持React Server Components、Server Actions、增量静态再生(ISR)等前沿技术，帮助开发者快速构建高性能、SEO友好的全栈应用。适用于前端开发、全栈开发、Web应用构建等场景，提升开发效率和代码质量。
Docker容器化技能Skill docker-containerization
Docker容器化技能专为现代化Web应用（如Next.js、React、Node.js）提供全面的容器化解决方案。该技能涵盖Dockerfile生成、docker-compose配置、容器管理脚本以及多平台部署指南，支持开发、生产、CI/CD全流程。关键词：Docker容器化、多阶段构建、容器编排、Kubernetes部署、云原生、DevOps自动化、镜像优化、微服务部署、CI/CD集成、云平台部署。
常见开发陷阱预防指南Skill common-pitfalls
本技能是一个全面的代码审查与陷阱预防工具，专注于现代Web开发中的常见错误模式。它通过自动化检查，帮助开发者在代码审查、提交前和调试阶段，系统性地识别并预防在TanStack Query、Drizzle ORM、Express API、React、WebSocket、区块链RPC和安全等领域的高频问题。关键词：代码审查，陷阱预防，Web开发，React，区块链，安全，最佳实践，自动化检查，开发效率。
ReactUI模式Skill react-ui-patterns
现代 React UI 设计模式，专注于提升用户体验，包括加载状态、错误处理、数据获取等。
senior-frontendSkill senior-frontend
高级前端技能，专注于React、Next.js、TypeScript和Tailwind CSS应用的前端开发模式、性能优化和自动化工具。
Material-UI(MUI)最佳实践Skill Material-UI(MUI)BestPractices
使用 Material-UI (MUI) 构建 React 应用的最佳实践，包括组件库、主题系统、响应式设计和暗色模式的实现。
Next.js14+AppRouterPatternsSkill Next.js14+AppRouterPatterns
Next.js 14+ App Router 是一个专家级框架，用于构建现代 React 应用程序，包含 Server Components、Streaming、Server Actions 和改进的数据获取能力。
VercelReact最佳实践Skill vercel-react-best-practices
这是一个用于React和Next.js应用性能优化的技能，提供Vercel工程团队的45条最佳实践规则，涵盖从消除瀑布效应到包大小优化等关键领域，旨在指导代码重构和自动化生成。关键词包括：React, Next.js, 性能优化, 前端开发, 代码审查, 数据获取, 包优化, 渲染性能, JavaScript优化。
Expo升级指南Skill upgrading-expo
本技能提供Expo SDK版本升级的详细指南，帮助开发者解决依赖冲突、处理破坏性更改，并实现顺利迁移，适用于移动应用开发场景。关键词：Expo, SDK升级, 依赖管理, React Native, 移动开发, 版本迁移, 依赖冲突, 破坏性更改