搜索结果: "react"
特性架构技能Skill feature-arch
此技能用于React应用程序的特性驱动架构设计，提供最佳实践指南，帮助开发人员组织项目结构、管理依赖、实现模块化开发，以提高应用的可扩展性和团队协作效率。关键词：React、特性驱动架构、前端开发、项目结构、模块化、可扩展性、代码审查。
Algolia搜索集成技能Skill algolia-search
此技能提供Algolia搜索的集成解决方案，涵盖React InstantSearch hooks使用、Next.js服务器端渲染、数据同步和索引策略。适用于开发者在Web应用中添加高效的搜索功能。关键词：Algolia搜索、React、InstantSearch、Next.js、SSR、索引策略、数据同步。
Figma到React代码转换技能Skill design-to-code
这个技能用于将Figma设计文件自动转换为高质量的React + TypeScript组件代码，确保像素完美的视觉还原。它通过辅助脚本简化流程，支持错误恢复，提高前端开发效率。关键词包括Figma、React、TypeScript、代码生成、前端开发、自动化、像素完美。
创意前端界面设计Skill frontend-design
此技能专注于通过独特美学和高质量代码创建生产级前端界面，适用于构建网站、组件、应用等Web UI，强调创意设计、排版、颜色、动效和空间构图，避免通用AI美学，提升用户体验和SEO友好性。关键词：前端设计、UI设计、创意界面、HTML/CSS/JS、React、美学设计、生产级代码、用户体验。
Next.jsAppRouter最佳实践Skill nextjs-app-router-patterns
这个技能用于掌握Next.js 14+ App Router的高级开发模式，包括Server Components、流式渲染、并行路由和高效数据获取，适用于构建高性能、可扩展的Next.js应用程序，优化服务器端渲染和静态生成，提升全栈开发效率和用户体验。关键词：Next.js, App Router, Server Components, streaming, SSR, SSG, React, 前端开发, 数据获取, 缓存优化。
React状态管理Skill react-state-management
React状态管理技能专注于React应用中的状态管理，涵盖使用Redux Toolkit、Zustand、Jotai和React Query等工具来管理局部状态、全局状态和服务器状态。适用于设置全局状态、管理服务器状态或选择状态管理解决方案。关键词：React、状态管理、Redux、Zustand、Jotai、React Query、前端开发。
Storybook交互测试函数Skill storybook-play-functions
Storybook交互测试函数是一种前端开发测试技能，用于通过编写play函数在Storybook故事中自动化测试React等组件的用户交互、状态变化和边界情况。它支持模拟真实用户行为、集成Testing Library进行语义查询、处理异步操作和验证错误状态。关键词包括Storybook、交互测试、前端测试、自动化测试、组件测试、Testing Library、play函数。
ReactNativeWeb测试Skill react-native-web-testing
这是一个用于测试 React Native Web 应用程序的技能，专注于使用 Jest 和 React Native Testing Library 进行单元测试、组件测试和集成测试，提供配置指南、最佳实践和代码示例，适用于前端开发、移动开发和测试领域，关键词包括 React Native、Web 测试、Jest、RNTL、组件测试、异步测试、模拟模块。
ArbitrumdApp开发技能指南Skill arbitrum-dapp-skill
本技能指南是关于如何在 Arbitrum 区块链上使用 Stylus (Rust) 和 Solidity 开发去中心化应用 (dApp) 的完整教程。内容涵盖从本地开发环境搭建 (nitro-devnode)、智能合约编写与测试 (Rust/Solidity)、到前端 (React/Next.js) 集成 (viem/wagmi) 的全栈工作流。关键词：Arbitrum, dApp开发, 智能合约, Stylus, Rust, Solidity, 区块链开发, 前端集成, 本地测试, 部署指南。
GraphQL移动端集成Skill GraphQLMobile
GraphQL 移动端集成技能专注于为移动应用（如 React Native、Flutter、iOS、Android）提供 GraphQL 客户端解决方案。它涵盖 Apollo Client 配置、代码自动生成、缓存策略优化以及实时数据订阅，旨在提升移动端数据获取效率、类型安全性和开发体验。关键词：GraphQL，移动开发，Apollo Client，代码生成，缓存策略，实时订阅，React Native，Flutter，iOS，Android。
Jest测试技能Skill JestTesting
Jest测试技能是一个专注于JavaScript和TypeScript代码质量保障的专业工具集。它提供全面的单元测试、快照测试、覆盖率分析和React组件测试能力，帮助开发者构建可靠的自动化测试套件，确保代码在持续集成和交付流程中的稳定性。关键词：Jest测试框架，JavaScript单元测试，TypeScript测试，React Testing Library，测试覆盖率，自动化测试，CI/CD集成。
ReactUI模式Skill react-ui-patterns
现代 React UI 设计模式，专注于提升用户体验，包括加载状态、错误处理、数据获取等。