搜索结果: "react"
Cypress测试框架Skill cypress
Cypress测试框架是一个用于端到端测试和组件测试的工具，提供命令、断言、CI/CD集成等全面功能。适用于前端开发测试，支持React、Vue、Angular、Svelte等多种框架，包括设置测试、编写测试用例、调试测试和优化性能。关键词：Cypress、端到端测试、E2E测试、组件测试、测试自动化、浏览器测试、CI/CD集成、测试框架、持续集成。
AntDesignMobile移动UI组件库技能Skill ant-design-mobile
Ant Design Mobile 是一个专为React移动应用设计的UI组件库，提供丰富的移动端组件如按钮、输入框、表单等，支持主题定制、平台适配和移动特定功能如下拉刷新、无限滚动。适用于构建移动友好界面，提升开发效率，关键词包括：Ant Design Mobile, 移动UI, React组件, 移动应用开发, UI组件库。
UI组件迁移器Skill ui-component-migrator
UI组件迁移器是一款用于在不同前端框架（如React、Vue、Angular）之间自动化迁移UI组件的工具。它能够处理组件结构翻译、状态管理转换、生命周期方法映射、事件处理转换和样式迁移，支持从类组件到函数式组件、选项式API到组合式API的升级路径。通过AST分析和代码修改器，实现高效、准确的框架迁移，减少手动重构工作量，提升前端项目现代化升级效率。
深度链接技能Skill deep-linking
深度链接技能是移动应用开发的核心技术，用于实现iOS Universal Links、Android App Links和自定义URL方案，支持跨平台深度链接配置、延迟深度链接处理、应用内导航路由和链接验证。该技能涵盖AASA文件配置、assetlinks.json设置、SwiftUI/UIKit/Kotlin/React Native实现、服务器验证和最佳实践，帮助开发者构建无缝的用户体验，实现从网页、邮件、通知到应用内特定页面的直接跳转。
GraphQL移动端集成Skill GraphQLMobile
GraphQL 移动端集成技能专注于为移动应用（如 React Native、Flutter、iOS、Android）提供 GraphQL 客户端解决方案。它涵盖 Apollo Client 配置、代码自动生成、缓存策略优化以及实时数据订阅，旨在提升移动端数据获取效率、类型安全性和开发体验。关键词：GraphQL，移动开发，Apollo Client，代码生成，缓存策略，实时订阅，React Native，Flutter，iOS，Android。
CSS模块化样式技能Skill css-modules
CSS Modules 是一种用于实现 CSS 样式作用域化和模块化的技术。本技能提供 CSS Modules 的配置、编写、组合、变量使用和主题化处理的专家指导。它帮助前端开发者在 React 等现代框架中管理组件样式，避免样式冲突，构建可维护的设计系统。关键词：CSS Modules，作用域样式，模块化CSS，React样式，前端开发，组件样式，CSS变量，主题化。
ReactHooks专家技能Skill react-hooks
React Hooks 专家技能提供React框架中hooks模式的专业实现方案，包括自定义hooks开发、状态管理优化、性能调优和测试策略。本技能涵盖数据获取hooks、副作用管理、记忆化优化等关键技术，适用于前端开发人员构建高效、可维护的React应用。关键词：React Hooks, 自定义hooks, 前端开发, 状态管理, 性能优化, React Testing Library, 数据获取, 副作用处理。
Zustand状态管理技能Skill zustand
Zustand状态管理技能是一个专门用于实现React应用轻量级全局状态管理的专家系统。它提供Zustand库的完整实现方案，包括类型安全的存储创建、中间件集成（持久化、DevTools、Immer）、模块化切片设计、性能优化选择器、异步操作处理等核心功能。适用于前端开发、状态管理迁移、性能优化等场景，关键词包括：Zustand状态管理、React全局状态、TypeScript类型安全、状态持久化、性能优化选择器、模块化切片、中间件集成、前端开发工具。
MidnightDApp错误处理Skill midnight-dapp:error-handling
Midnight DApp错误处理技能专注于为基于零知识证明的区块链去中心化应用提供完整的错误管理解决方案。该技能涵盖错误分类、用户友好消息转换、恢复策略实现、React错误边界集成等技术要点，帮助开发者优雅处理证明生成失败、交易拒绝、网络断开等各类异常情况，提升DApp的稳定性和用户体验。关键词：Midnight DApp、错误处理、零知识证明、区块链错误分类、用户友好消息、React错误边界、交易错误恢复、网络错误处理、ZK证明失败、DApp开发。
PortfolioBuddy2架构参考Skill architecture-reference
Portfolio Buddy 2 是一个用于量化交易分析和投资组合管理的Web应用程序。本技能文档提供了该项目的完整架构参考，包括组件层次结构、关键钩子（如useMetrics、usePortfolio）、实用函数（如dataUtils.ts中的指标计算和数据处理）、数据流、状态管理策略以及性能优化模式。它详细说明了如何添加新功能、重构大型组件（如PortfolioSection），并强调了TypeScript最佳实践以避免使用any类型。该文档是开发人员添加功能、修改组件、理解数据流或新成员熟悉代码库的必备指南。关键词：量化交易、投资组合分析、React架构、TypeScript、Chart.js、性能优化、代码重构、数据流、钩子模式。
编码规范Skill coding-standards
这是一份针对 Portfolio Buddy 2 项目的 React 19 和 TypeScript 编码规范文档。它详细定义了前端组件开发的最佳实践，包括组件结构、状态管理、TypeScript 类型安全、性能优化、错误处理、文件组织、测试标准和代码审查流程。适用于前端开发团队进行代码编写、审查和重构，确保项目代码质量和一致性。关键词：React 19, TypeScript, 前端开发, 编码规范, 组件设计, 状态管理, 性能优化, 代码审查。
使用shadcn/ui进行样式设计Skill styling-with-shadcn
本技能指南详细介绍了如何在Next.js框架中，利用shadcn/ui组件库快速构建美观、可访问且现代化的用户界面。内容涵盖从项目初始化、常用组件（如按钮、表单、对话框、表格、侧边栏、通知）的安装与使用，到结合react-hook-form与Zod进行表单验证，以及深色模式的集成设置。适用于前端开发者、UI工程师快速上手基于Radix UI和Tailwind CSS的高质量UI开发。关键词：shadcn/ui, Next.js, React组件库, UI开发, 前端开发, 表单验证, 深色模式, Tailwind CSS, Radix UI。