搜索结果: "react"
ReactNative架构设计Skill react-native-architecture
这个技能专注于使用Expo和React Native开发生产级移动应用程序的架构模式，涵盖导航、状态管理、原生模块集成、离线同步、性能优化、CI/CD部署等关键方面，适用于构建iOS和Android应用。关键词包括：React Native、Expo、移动开发、架构设计、原生模块、离线同步、性能优化、导航模式、状态管理、EAS构建、OTA更新。
前端设计Skill frontend-design
前端设计技能专注于创建独特、生产级别的前端用户界面，结合创意美学与代码实现，用于构建网站、登录页面、React组件、HTML/CSS布局等。强调个性化设计、高质量输出、避免通用AI美学，关键词包括前端开发、创意UI、代码实现、美学设计、网站构建、组件设计、生产级界面。
Storybook配置技能Skill storybook-configuration
此技能用于配置Storybook前端开发工具，包括设置主配置、添加物、构建器和框架集成，以优化UI组件开发、文档生成和测试体验。关键词：Storybook、前端开发、配置、组件文档、UI测试、TypeScript、Vite、Webpack、React、Next.js。
原子设计：分子组件Skill atomic-design-molecules
该技能专注于原子设计方法论中的分子组件创建，用于将原子组件组合成功能性的UI元素，如表单字段、搜索栏和卡片头部。关键词包括原子设计、分子组件、UI组件、前端开发、React、TypeScript。适用于提升UI组件的可重用性、维护性和一致性，支持高效的前端界面构建。
原子设计原子组件Skill atomic-design-atoms
这个技能专注于创建原子级UI组件，如按钮、输入框、标签和图标，作为设计系统的最小不可分割构建块。它强调可重用性、无状态性和可访问性，用于构建一致的前端界面。关键词：原子设计，UI组件，前端开发，设计系统，React组件，可访问性，样式令牌。
Zustand高级模式Skill zustand-advanced-patterns
Zustand 高级模式是一种前端状态管理技术，专为React应用程序设计，提供瞬态更新、乐观更新、撤销重做、存储组合等高级功能，用于优化性能和管理复杂状态。关键词：Zustand、状态管理、React、前端开发、性能优化、瞬态更新、乐观更新。
Relay分页技术Skill relay-pagination
Relay 分页技术是一种基于游标的分页方法，用于在 GraphQL 和 React 前端应用中高效管理和加载大数据集，支持无限滚动、加载更多模式等场景。关键词：Relay 分页, GraphQL, 光标分页, 前端开发, 数据加载, 无限滚动, 缓存管理, React 钩子。
Relay突变模式Skill relay-mutations-patterns
Relay突变模式是React Relay库中用于管理GraphQL数据更新的核心技术，包括乐观更新、连接处理、声明式突变和全面错误处理，适用于前端开发中构建高效、响应式应用程序。关键词：Relay, GraphQL, 数据突变, 乐观更新, 前端开发, 缓存更新, 错误处理, 连接更新
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应用构建等场景，提升开发效率和代码质量。