搜索结果: "react"
实现拖放与可排序接口Skill implementing-drag-drop
这个技能用于通过React和TypeScript实现拖放和可排序功能，适用于看板、列表排序、文件上传等场景，注重无障碍性、触摸支持和性能优化，关键词包括：拖放、React、TypeScript、前端开发、UI交互、可排序、看板、文件上传。
React单页面应用开发技能Skill react
本技能专注于使用 React 19+、React Router v7、Jotai、Vite 和 Bun 构建现代单页面应用（SPA）。涵盖组件、钩子、状态管理、路由、表单、UI 架构、性能优化和测试等关键方面，适用于客户端路由、全局状态管理和异步数据加载的 React 应用开发，关键词包括 React 19、React Router、Jotai、Vite、Bun、SPA、前端开发、性能优化、可访问性。
VercelReact最佳实践指南Skill vercel-react-best-practices
本技能提供由 Vercel 维护的 React 和 Next.js 应用性能优化指南，包含 45 条规则，按优先级分类，用于自动化重构和代码生成。适用于编写、审查或重构 React/Next.js 代码，确保最佳性能模式。关键词：React, Next.js, 性能优化, Vercel, 前端开发, 代码优化, 自动化重构。
原子设计原子组件Skill atomic-design-atoms
这个技能专注于创建原子级UI组件，如按钮、输入框、标签和图标，作为设计系统的最小不可分割构建块。它强调可重用性、无状态性和可访问性，用于构建一致的前端界面。关键词：原子设计，UI组件，前端开发，设计系统，React组件，可访问性，样式令牌。
ReactFlow自定义节点与边缘技能Skill reactflow-custom-nodes
React Flow自定义节点与边缘技能是用于使用React Flow库创建自定义节点和边缘的技术，主要应用于构建节点编辑器、工作流界面、可视化图表和数据流程图等前端开发场景。它支持交互式表单元素、多种节点类型、工具栏、可调整大小节点、分组节点、自定义边缘交互和连接验证。关键技能包括自定义组件、样式定制、行为交互、性能优化、前端开发、UI设计和JavaScript框架。
ReactNative组件技能Skill react-native-components
这个技能专注于使用 React Native 构建移动应用的用户界面组件，包括核心组件如 View、Text、Image，以及自定义组件和常见模式。适用于移动开发、前端开发，关键词包括 React Native、UI 组件、移动应用开发、组件库、前端技术。
ReactQuery服务器状态管理Skill react-query
这是一个关于 TanStack Query（React Query）的专业技能，专注于在 React 应用中高效管理服务器状态。它提供了数据获取、缓存、变更处理、乐观更新、无限查询和预取等核心功能的实现模式与最佳实践。适用于需要优化数据流、提升应用性能和用户体验的前端开发场景。关键词：React Query，服务器状态管理，数据缓存，乐观更新，无限查询，前端性能优化，React 数据获取。
Remix全栈开发技能Skill remix
Remix全栈开发技能是专门用于构建现代Web应用程序的专家级工具集，提供React全栈开发、渐进增强、嵌套路由、表单处理、错误边界和边缘部署等核心功能。适用于前端开发、后端API集成、用户认证、数据管理和性能优化等场景，帮助开发者快速构建高性能、可维护的Web应用。关键词：Remix框架、全栈开发、React应用、渐进增强、嵌套路由、表单处理、错误边界、边缘部署、Web开发、现代前端技术。
EmpathyLedger开发技能Skill empathy-ledger-dev
Empathy Ledger开发技能是一个专门用于指导Empathy Ledger v2平台开发的综合参考工具。该平台是一个面向原住民社区、内置文化安全协议的多租户故事讲述系统。本技能提供项目结构、核心概念（如OCAP原则、文化敏感性分级）、常见开发模式、数据库设计、核心服务等快速参考。适用于开发人员快速查阅项目规范、确保文化合规性、实现多租户隔离、管理故事所有权和数据主权。关键词：Empathy Ledger、原住民数据主权、OCAP原则、文化安全协议、多租户架构、故事讲述平台、React开发、Next.js、Supabase、GDPR合规、文化敏感性设计。
React组件开发技能Skill react-component
React组件开发技能是专门用于创建React UI组件的专家指导体系，涵盖函数组件、钩子、自定义钩子和组件组合模式。该技能专注于TypeScript类型安全、性能优化、可访问性设计和现代React最佳实践，适用于构建ERP系统、仪表板、KPI卡片、表单、模态框等企业级UI组件。关键词：React组件开发、TypeScript、函数组件、自定义钩子、组件组合、性能优化、可访问性、UI设计、前端开发、React最佳实践
代码模式与实践Skill code-patterns-practices
本技能是关于React Native移动应用开发的代码模式、最佳实践和常见解决方案的集合。它提供了组件设计、状态管理、数据获取、性能优化、错误处理以及移动端特有问题的实用模式，旨在帮助开发者编写更高质量、更易维护的代码。关键词：React Native， 移动开发， 代码模式， 最佳实践， 性能优化， 组件设计， 状态管理， 自定义Hooks。
Next.js15模式与最佳实践Skill nextjs-15-patterns
本技能是关于 Next.js 15 框架中 App Router 的核心开发模式与最佳实践的总结。它详细讲解了服务器组件与客户端组件的区别与使用场景、如何利用 Server Actions 进行数据变更、高效的数据获取策略、路由处理器的构建、元数据的动态生成、并行路由的实现，以及一系列提升应用性能与开发效率的最佳实践。关键词包括：Next.js 15, App Router, 服务器组件, 客户端组件, Server Actions, 数据获取, 路由处理器, 元数据, 并行路由, 最佳实践, React 框架, 全栈开发。