搜索结果: "react"

4.5

Next.js服务器组件开发Skill nextjs-server-components

Next.js Server Components技能用于通过服务器端渲染React组件来优化Web应用性能,减少客户端JavaScript负载,提升SEO和用户体验。关键词包括Next.js、Server Components、服务器端渲染、性能优化、React、前端开发、SEO、Core Web Vitals、流式渲染、数据库访问。

4.5

错误处理模式Skill error-handling-patterns

这个技能专注于设计和实施健壮的错误处理策略,包括使用try-catch块、自定义错误类、错误边界、API错误响应格式、重试逻辑、日志记录和监控,以提高软件系统的可靠性、容错能力和用户体验。关键词:错误处理、容错系统、异常管理、日志监控、API错误响应、重试策略、React错误边界、Express错误处理。

4.5

FramerMotion性能优化技能Skill framer-motion

本技能提供 Framer Motion 在 React 应用中的动画性能优化综合指南,包含 42 条规则覆盖 9 个优先级类别,帮助开发者优化包大小、防止重渲染、实现高效动画,提升前端性能。关键词:Framer Motion, React 动画, 性能优化, 前端开发, 动画指南, 性能最佳实践

4.5

动画最佳实践指南Skill emilkowal-animations

这个技能提供了基于Emil Kowalski的Web界面动画最佳实践,涵盖缓和选择、定时、属性选择、变换技术、交互模式、战略动画和可访问性等关键领域。适用于React、CSS或Framer Motion开发,帮助提升动画性能、用户体验和可访问性。关键词:动画、Web开发、React、CSS、Framer Motion、性能优化、用户体验、可访问性。

4.5

前端设计技能Skill frontend-design

前端设计技能专注于创建独特、生产就绪的前端用户界面,结合设计思维与代码执行,适用于网页、组件和应用程序的开发。关键词:前端设计、UI/UX、网页开发、React、Vue、HTML/CSS/JS。

4.5

Next.js应用路由器模式Skill nextjs-app-router-patterns

本技能专注于Next.js 14+应用路由器的架构模式,涵盖服务器组件、流式渲染、并行路由和高级数据获取,适用于构建高性能全栈React应用,提升开发效率和SEO优化,关键词:Next.js, 应用路由, 服务器组件, 流式渲染, 并行路由, 数据获取, React, 前端开发, SEO。

4.5

实现拖放与可排序接口Skill implementing-drag-drop

这个技能用于通过React和TypeScript实现拖放和可排序功能,适用于看板、列表排序、文件上传等场景,注重无障碍性、触摸支持和性能优化,关键词包括:拖放、React、TypeScript、前端开发、UI交互、可排序、看板、文件上传。

4.5

React单页面应用开发技能Skill react

本技能专注于使用 React 19+、React Router v7、Jotai、Vite 和 Bun 构建现代单页面应用(SPA)。涵盖组件、钩子、状态管理、路由、表单、UI 架构、性能优化和测试等关键方面,适用于客户端路由、全局状态管理和异步数据加载的 React 应用开发,关键词包括 React 19、React Router、Jotai、Vite、Bun、SPA、前端开发、性能优化、可访问性。

4.5

VercelReact最佳实践指南Skill vercel-react-best-practices

本技能提供由 Vercel 维护的 React 和 Next.js 应用性能优化指南,包含 45 条规则,按优先级分类,用于自动化重构和代码生成。适用于编写、审查或重构 React/Next.js 代码,确保最佳性能模式。关键词:React, Next.js, 性能优化, Vercel, 前端开发, 代码优化, 自动化重构。

4.5

Relay分页技术Skill relay-pagination

Relay 分页技术是一种基于游标的分页方法,用于在 GraphQL 和 React 前端应用中高效管理和加载大数据集,支持无限滚动、加载更多模式等场景。关键词:Relay 分页, GraphQL, 光标分页, 前端开发, 数据加载, 无限滚动, 缓存管理, React 钩子。

4.5

Relay突变模式Skill relay-mutations-patterns

Relay突变模式是React Relay库中用于管理GraphQL数据更新的核心技术,包括乐观更新、连接处理、声明式突变和全面错误处理,适用于前端开发中构建高效、响应式应用程序。关键词:Relay, GraphQL, 数据突变, 乐观更新, 前端开发, 缓存更新, 错误处理, 连接更新

4.5

ReactFlow自定义节点与边缘技能Skill reactflow-custom-nodes

React Flow自定义节点与边缘技能是用于使用React Flow库创建自定义节点和边缘的技术,主要应用于构建节点编辑器、工作流界面、可视化图表和数据流程图等前端开发场景。它支持交互式表单元素、多种节点类型、工具栏、可调整大小节点、分组节点、自定义边缘交互和连接验证。关键技能包括自定义组件、样式定制、行为交互、性能优化、前端开发、UI设计和JavaScript框架。