搜索结果: "react"
特性架构技能Skill feature-arch
此技能用于React应用程序的特性驱动架构设计，提供最佳实践指南，帮助开发人员组织项目结构、管理依赖、实现模块化开发，以提高应用的可扩展性和团队协作效率。关键词：React、特性驱动架构、前端开发、项目结构、模块化、可扩展性、代码审查。
设计系统入门工具Skill design-system-starter
这个技能是一个设计系统入门工具，用于快速创建和管理设计系统，提供设计令牌、组件架构、可访问性指南和文档模板。它帮助确保用户界面的一致、可扩展和可访问，适用于前端开发者和设计师，提升开发效率和用户体验。关键词：设计系统、UI组件、前端开发、可访问性、设计令牌、React、主题化、文档、原子设计、WCAG合规。
前端开发模式Skill frontend-patterns
前端开发模式技能专注于使用React和Next.js框架，涵盖组件设计、状态管理、性能优化、UI最佳实践等，帮助开发者构建高性能、可维护的前端应用。关键词：前端开发、React、Next.js、状态管理、性能优化、UI设计、组件模式、量化交易应用。
Jest测试框架技能指南Skill jest
此技能提供Jest测试框架的全面指导，帮助用户编写和管理JavaScript/TypeScript测试，包括单元测试、集成测试、模拟函数、异步测试、快照测试和项目配置。适用于前端和后端开发中的测试需求，提高代码质量和测试效率。关键词：Jest, 测试, 单元测试, 集成测试, Mock, 快照, 匹配器, 异步测试, 覆盖率, CLI, 配置, TypeScript, React, Vue。
React性能优化Skill react-performance
这个技能用于优化React应用程序的性能，通过组件记忆化、懒加载代码分割、虚拟滚动列表、性能监控等技术，提升应用响应速度、减少加载时间并改善用户体验。关键词：React性能优化、记忆化、懒加载、虚拟滚动、性能监控、代码分割、useMemo、useCallback、React.memo。
ArbitrumdApp开发技能指南Skill arbitrum-dapp-skill
本技能指南是关于如何在 Arbitrum 区块链上使用 Stylus (Rust) 和 Solidity 开发去中心化应用 (dApp) 的完整教程。内容涵盖从本地开发环境搭建 (nitro-devnode)、智能合约编写与测试 (Rust/Solidity)、到前端 (React/Next.js) 集成 (viem/wagmi) 的全栈工作流。关键词：Arbitrum, dApp开发, 智能合约, Stylus, Rust, Solidity, 区块链开发, 前端集成, 本地测试, 部署指南。
TUI测试渲染器Skill tui-test-renderer
该技能用于为终端用户界面（TUI）组件建立自动化测试环境。它提供了使用ink-testing-library（针对React组件）和Bubble Tea（针对Go语言模型）进行单元测试和集成测试的实用工具和代码模式。关键词：TUI测试，终端界面测试，ink测试库，Bubble Tea测试，CLI组件测试，自动化测试工具。
React最佳实践Skill react-best-practices
提供React模式，包括hooks、effects、refs和组件设计的最佳实践。涵盖逃生口、反模式和正确的效果使用。在阅读或编写React组件（带有React导入的.tsx、.jsx文件）时必须使用。
PortfolioBuddy2架构参考Skill architecture-reference
Portfolio Buddy 2 是一个用于量化交易分析和投资组合管理的Web应用程序。本技能文档提供了该项目的完整架构参考，包括组件层次结构、关键钩子（如useMetrics、usePortfolio）、实用函数（如dataUtils.ts中的指标计算和数据处理）、数据流、状态管理策略以及性能优化模式。它详细说明了如何添加新功能、重构大型组件（如PortfolioSection），并强调了TypeScript最佳实践以避免使用any类型。该文档是开发人员添加功能、修改组件、理解数据流或新成员熟悉代码库的必备指南。关键词：量化交易、投资组合分析、React架构、TypeScript、Chart.js、性能优化、代码重构、数据流、钩子模式。
UI处理器Skill ui-handler
UI处理器是一个用于快速构建现代Web界面的技能工具。它通过集成Shadcn MCP和21st.dev MCP，提供原子组件（如按钮、输入框）和复杂区块（如英雄区、仪表盘）的自动化生成与管理。核心功能包括组件安装、主题定制、布局构建和样式管理，旨在提升前端开发效率，实现UI的快速原型设计和一致性维护。关键词：UI组件，前端开发，Shadcn，21st.dev，原子设计，区块生成，主题定制，React组件，Web界面构建。
Next.js开发模式Skill next-js-patterns
Next.js 开发模式指南，涵盖应用路由器、服务器组件、客户端组件、数据获取、导航、字体优化和元数据管理等最佳实践。关键词：Next.js, App Router, 服务器组件, 客户端组件, 数据获取, SEO, 前端开发, React框架
React服务器组件框架Skill react-server-components-framework
本技能专注于使用 Next.js 15 的 App Router 构建现代 Web 应用，核心是掌握 React 服务器组件。它详细讲解了服务器优先架构、流式服务器端渲染、服务器操作以及高效的数据获取模式。内容涵盖组件边界设计、性能优化、高级路由（如并行路由和拦截路由）以及从旧版 Pages Router 的迁移策略。适用于希望构建高性能、SEO友好且具有优秀用户体验的下一代 React 应用的前端开发者。关键词：React Server Components, Next.js 15, 服务器端渲染, 流式渲染, App Router, 前端架构, 性能优化。