搜索结果: "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、性能优化、无障碍访问。
React服务器端动作Skill react-server-actions
React服务器端动作是一种在Next.js 14+框架中实现的功能,用于安全处理表单提交和服务器端数据操作,无需API路由。它支持渐进增强、服务器端验证、文件上传和乐观UI更新,适用于现代Web开发中的表单处理、服务器突变和性能优化场景。关键词:React Server Actions, Next.js, 表单处理, 服务器端突变, 渐进增强, 安全性, 缓存重新验证, 文件上传, 乐观UI更新, Web开发。
React应用架构重构指南Skill react-refactor
这个技能提供React应用程序架构重构的全面指南,涵盖关键领域如组件和状态管理,旨在提高代码质量、可维护性和测试性。关键词:React重构、前端架构、代码优化、组件设计、状态管理、钩子模式、测试策略。
ReactNativeElements最佳实践Skill react-native-elements
这个技能是关于 React Native Elements UI 组件库的使用最佳实践,帮助开发者构建高性能、主题一致的 React Native 移动应用。关键词包括:React Native、UI 组件、最佳实践、性能优化、主题配置、移动开发。
MUI无头UI组件库最佳实践Skill mui-base
这个技能提供了MUI Base UI的最佳实践指南,专为构建无头React组件库设计。它涵盖了组件模式、命名约定、组织方式、错误处理和样式规则,帮助开发者创建无样式UI组件、复合组件、实现无障碍优先模式,并支持受控和非受控组件模式。关键词:MUI, React, 组件库, 无头UI, 前端开发, 最佳实践。
AntDesignReact组件库技能Skill ant-design-react
该技能提供 Ant Design React 组件库的全面使用指南,帮助开发者快速构建 React 应用,支持组件如按钮、表单、表格的集成,主题定制,国际化,TypeScript 类型支持等,关键词包括 Ant Design, React, 组件库, 前端开发, UI 设计, 主题定制, 国际化, TypeScript。
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, 前端开发, 数据获取, 缓存优化。
ReactNative架构设计Skill react-native-architecture
这个技能专注于使用Expo和React Native开发生产级移动应用程序的架构模式,涵盖导航、状态管理、原生模块集成、离线同步、性能优化、CI/CD部署等关键方面,适用于构建iOS和Android应用。关键词包括:React Native、Expo、移动开发、架构设计、原生模块、离线同步、性能优化、导航模式、状态管理、EAS构建、OTA更新。
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交互、可排序、看板、文件上传。