搜索结果: "react"
Next.js服务器组件开发Skill nextjs-server-components
Next.js Server Components技能用于通过服务器端渲染React组件来优化Web应用性能，减少客户端JavaScript负载，提升SEO和用户体验。关键词包括Next.js、Server Components、服务器端渲染、性能优化、React、前端开发、SEO、Core Web Vitals、流式渲染、数据库访问。
前端组件模式Skill frontend-component-patterns
前端组件模式技能专注于使用设计模式如复合组件、渲染属性、自定义钩子和高阶组件来构建高效、可维护的前端组件。适用于React、Vue和Angular框架，帮助开发者创建可重用UI库、优化组件架构和提升开发效率。关键词：前端开发、组件设计、React模式、Vue组件、Angular架构、可重用UI、性能优化、无障碍访问。
MUI无头UI组件库最佳实践Skill mui-base
这个技能提供了MUI Base UI的最佳实践指南，专为构建无头React组件库设计。它涵盖了组件模式、命名约定、组织方式、错误处理和样式规则，帮助开发者创建无样式UI组件、复合组件、实现无障碍优先模式，并支持受控和非受控组件模式。关键词：MUI, React, 组件库, 无头UI, 前端开发, 最佳实践。
设计系统入门工具Skill design-system-starter
这个技能是一个设计系统入门工具，用于快速创建和管理设计系统，提供设计令牌、组件架构、可访问性指南和文档模板。它帮助确保用户界面的一致、可扩展和可访问，适用于前端开发者和设计师，提升开发效率和用户体验。关键词：设计系统、UI组件、前端开发、可访问性、设计令牌、React、主题化、文档、原子设计、WCAG合规。
ReactHooks全面指南Skill react-hooks
这个技能提供React Hooks的全面学习资料和实践指导，涵盖内置hooks如useState、useEffect以及自定义hooks的使用，帮助前端开发者在函数式组件中高效管理状态、处理副作用和优化性能。关键词包括React Hooks、前端开发、函数式组件、状态管理、副作用处理、性能优化、自定义hooks、JavaScript。
AntDesignMobile移动UI组件库技能Skill ant-design-mobile
Ant Design Mobile 是一个专为React移动应用设计的UI组件库，提供丰富的移动端组件如按钮、输入框、表单等，支持主题定制、平台适配和移动特定功能如下拉刷新、无限滚动。适用于构建移动友好界面，提升开发效率，关键词包括：Ant Design Mobile, 移动UI, React组件, 移动应用开发, UI组件库。
UI/UX设计专业版Skill ui-ux-pro-max
这个技能是一个全面的UI/UX设计智能工具，提供丰富的设计资源和指南，用于web和移动应用程序的界面设计、用户体验优化和代码实现。包含多种样式、颜色调色板、字体配对、UX指南和图表类型，支持多种技术栈如React、Vue等。适用于前端开发者、UI设计师和产品经理，帮助提高设计效率和代码质量。关键词：UI设计、UX设计、前端开发、设计系统、响应式设计、可访问性、颜色调色板、字体配对、图表设计。
Next.jsAppRouter最佳实践Skill nextjs-app-router-patterns
这个技能用于掌握Next.js 14+ App Router的高级开发模式，包括Server Components、流式渲染、并行路由和高效数据获取，适用于构建高性能、可扩展的Next.js应用程序，优化服务器端渲染和静态生成，提升全栈开发效率和用户体验。关键词：Next.js, App Router, Server Components, streaming, SSR, SSG, React, 前端开发, 数据获取, 缓存优化。
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交互、可排序、看板、文件上传。
原子设计模板Skill atomic-design-templates
原子设计模板技能用于在前端开发中，基于原子设计方法论创建可重用的页面布局模板。它涉及定义内容区域、实现响应式设计、组合组件以提高开发效率和一致性。关键词包括原子设计、模板、页面布局、前端开发、React、CSS、响应式设计、组件组合。
原子设计：有机体Skill atomic-design-organisms
原子设计有机体技能专注于构建用户界面中的复杂组件，如导航栏、内容卡片和表单部分。它基于原子设计方法论，通过组合原子和分子来创建可重用、状态管理的独立UI部分，提高前端开发效率和代码可维护性。关键词：原子设计、UI组件、前端开发、React、组件化、状态管理、可重用性。