搜索结果: "react"
动画最佳实践指南Skill emilkowal-animations
这个技能提供了基于Emil Kowalski的Web界面动画最佳实践,涵盖缓和选择、定时、属性选择、变换技术、交互模式、战略动画和可访问性等关键领域。适用于React、CSS或Framer Motion开发,帮助提升动画性能、用户体验和可访问性。关键词:动画、Web开发、React、CSS、Framer Motion、性能优化、用户体验、可访问性。
前端设计技能Skill frontend-design
前端设计技能专注于创建独特、生产就绪的前端用户界面,结合设计思维与代码执行,适用于网页、组件和应用程序的开发。关键词:前端设计、UI/UX、网页开发、React、Vue、HTML/CSS/JS。
Next.js应用路由器模式Skill nextjs-app-router-patterns
本技能专注于Next.js 14+应用路由器的架构模式,涵盖服务器组件、流式渲染、并行路由和高级数据获取,适用于构建高性能全栈React应用,提升开发效率和SEO优化,关键词:Next.js, 应用路由, 服务器组件, 流式渲染, 并行路由, 数据获取, React, 前端开发, SEO。
实现拖放与可排序接口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, 前端开发, 代码优化, 自动化重构。
Relay分页技术Skill relay-pagination
Relay 分页技术是一种基于游标的分页方法,用于在 GraphQL 和 React 前端应用中高效管理和加载大数据集,支持无限滚动、加载更多模式等场景。关键词:Relay 分页, GraphQL, 光标分页, 前端开发, 数据加载, 无限滚动, 缓存管理, React 钩子。
Relay突变模式Skill relay-mutations-patterns
Relay突变模式是React Relay库中用于管理GraphQL数据更新的核心技术,包括乐观更新、连接处理、声明式突变和全面错误处理,适用于前端开发中构建高效、响应式应用程序。关键词:Relay, GraphQL, 数据突变, 乐观更新, 前端开发, 缓存更新, 错误处理, 连接更新
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开发、现代前端技术。