搜索结果: "react"
移动向导Skill mobile-wizard
移动向导是一个用于移动应用开发的工具，能够快速初始化并搭建基于 React Native (Expo) 或 Flutter 的应用结构，如导航器、标签页和堆栈，从而提高开发效率。关键词：移动开发，脚手架，React Native，Expo，Flutter，应用结构。
ReactNative原生模块Skill react-native-native-modules
此技能专注于在React Native框架中创建和集成原生模块，实现JavaScript与iOS/Android原生代码的桥接，支持Turbo Modules、平台特定API访问、原生事件处理和性能优化，关键词包括React Native、原生模块、Turbo Modules、iOS开发、Android开发、桥接技术、移动应用开发。
ReactNative组件技能Skill react-native-components
这个技能专注于使用 React Native 构建移动应用的用户界面组件，包括核心组件如 View、Text、Image，以及自定义组件和常见模式。适用于移动开发、前端开发，关键词包括 React Native、UI 组件、移动应用开发、组件库、前端技术。
ReactuseEffect最佳实践指南Skill react-useeffect
React useEffect钩子使用规范与优化技巧，涵盖数据获取、状态同步、性能优化等核心场景。提供何时使用与避免Effect的决策框架，包含常见反模式解决方案和替代方案推荐。关键词：React Hooks, useEffect, 性能优化, 状态管理, 前端开发, 最佳实践
CSS模块化样式技能Skill css-modules
CSS Modules 是一种用于实现 CSS 样式作用域化和模块化的技术。本技能提供 CSS Modules 的配置、编写、组合、变量使用和主题化处理的专家指导。它帮助前端开发者在 React 等现代框架中管理组件样式，避免样式冲突，构建可维护的设计系统。关键词：CSS Modules，作用域样式，模块化CSS，React样式，前端开发，组件样式，CSS变量，主题化。
Next.js应用路由专家Skill nextjs-app-router
Next.js应用路由技能，提供Next.js App Router高级路由模式的专家级实现指导，包括路由组、并行路由、拦截路由、布局配置、加载状态、错误处理、流式渲染和API路由处理器。适用于前端开发、全栈架构、性能优化和复杂应用路由设计。关键词：Next.js App Router，路由组，并行路由，拦截路由，流式渲染，Suspense，API路由，前端架构，React框架，性能优化。
ReactHooks专家技能Skill react-hooks
React Hooks 专家技能提供React框架中hooks模式的专业实现方案，包括自定义hooks开发、状态管理优化、性能调优和测试策略。本技能涵盖数据获取hooks、副作用管理、记忆化优化等关键技术，适用于前端开发人员构建高效、可维护的React应用。关键词：React Hooks, 自定义hooks, 前端开发, 状态管理, 性能优化, React Testing Library, 数据获取, 副作用处理。
ReactQuery服务器状态管理Skill react-query
这是一个关于 TanStack Query（React Query）的专业技能，专注于在 React 应用中高效管理服务器状态。它提供了数据获取、缓存、变更处理、乐观更新、无限查询和预取等核心功能的实现模式与最佳实践。适用于需要优化数据流、提升应用性能和用户体验的前端开发场景。关键词：React Query，服务器状态管理，数据缓存，乐观更新，无限查询，前端性能优化，React 数据获取。
React组件生成器Skill react-component
这是一个用于自动生成高质量、现代化React组件的技能工具。它专注于使用TypeScript、React Hooks和状态管理，并遵循无障碍（a11y）最佳实践。核心功能包括：一键生成函数组件、自定义Hooks和Context Provider，支持Props类型定义、样式配置和加载状态处理。适用于前端开发人员快速构建可复用、类型安全且易于维护的UI组件库，提升开发效率和代码质量。关键词：React组件生成，TypeScript，Hooks，前端开发，无障碍设计，状态管理，UI库。
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, 前端开发, 编码规范, 组件设计, 状态管理, 性能优化, 代码审查。
Next.jsAppRouter前端开发专家Skill frontend-nextjs-app-router
Next.js App Router前端开发专家技能，专注于现代React应用架构。提供Next.js 13+ App Router完整解决方案，包括服务器组件优化、动态路由配置、嵌套布局实现、性能优化策略和ERP系统开发。关键词：Next.js App Router、React服务器组件、前端架构、动态路由、性能优化、TypeScript、shadcn/ui、SEO优化、企业级应用开发。