搜索结果: "react"

4.5

React组件生成器Skill react-component-generator

这是一个用于自动化生成符合规范的React组件的技能,支持TypeScript、Hooks、CSS Modules和测试文件,旨在提升前端开发效率和代码质量。关键词:React, TypeScript, 组件生成, 前端开发, 自动化工具, CSS Modules, Hooks, 测试文件, 代码规范。

4.5

TailwindCSSSkill tailwindcss

Tailwind CSS 是一个实用优先的CSS框架,专为快速用户界面开发设计,支持响应式布局、暗黑模式、自定义主题和设计系统构建,适用于各种Web框架,如React、Vue、Svelte等。关键词:CSS框架、实用优先、响应式设计、暗黑模式、UI开发、前端工具。

4.5

shadcnUI组件库Skill shadcn-ui

shadcn/ui 是一个前端开发技能,用于快速构建基于 React 的应用用户界面。它提供了一系列预设计的、美观且可访问的 UI 组件,基于 TypeScript、Tailwind CSS 和 Radix UI,支持通过 CLI 工具复制和粘贴组件到项目中,实现高效的 UI 开发和自定义。关键词:前端开发、UI 组件、React、Tailwind CSS、shadcn/ui、Radix UI、TypeScript、可访问性、深色模式、表单验证。

4.5

Next.js前端框架Skill nextjs

Next.js 是一个基于 React 的前端开发框架,专为构建生产级全栈 Web 应用设计,支持服务器端渲染、静态生成和自动优化功能。此技能适用于构建高效、可扩展的 Web 应用,实现现代路由架构、数据获取、性能优化和 SEO 提升。关键词:Next.js, React框架, 服务器端渲染, 静态生成, Web开发, 前端框架, 性能优化, SEO, 全栈应用。

4.5

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

这个技能提供了一套全面的 React 和 Next.js 性能优化指南,由 Vercel Engineering 维护。它包含 57 条规则,覆盖消除瀑布流、优化包大小、服务器端性能等关键领域,帮助开发者在编写、评审或重构代码时实现最佳性能。关键词:React, Next.js, 性能优化, Vercel, 前端开发。

4.5

React组件开发指南Skill react-component-dev

这个技能提供React/TypeScript组件开发的最佳实践指南,适用于前端开发,涵盖组件架构、TailwindCSS样式、状态管理、性能优化和可访问性。关键词:React, TypeScript, 前端开发, 组件开发, TailwindCSS, 性能优化, 可访问性。

4.5

Next.js应用路由器技能Skill nextjs-app-router

这个技能用于使用Next.js 13+的App Router架构构建现代Web应用,支持服务器组件、客户端组件、高级路由模式,优化数据获取和渲染性能,提升SEO友好性。关键词:Next.js, App Router, 服务器渲染, React, 前端开发

4.5

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

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

4.5

Uniwind最佳实践Skill uniwind

本技能提供了 Uniwind 在 React Native 中使用 Tailwind CSS 进行样式化的最佳实践指南,涵盖配置、主题架构、组件集成、响应式设计、性能优化等关键方面,适用于开发、Review 和代码重构,旨在提高移动应用的样式性能和可维护性。关键词:React Native, Tailwind CSS, Uniwind, 样式, 最佳实践, 性能优化, 移动开发, 前端开发, CSS, Metro 插件, 主题系统。

4.5

FramerMotion性能优化技能Skill framer-motion

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

4.5

ExpoReactNative性能优化技能Skill expo-react-native-performance

此技能提供Expo React Native应用的全面性能优化指南,涵盖启动加速、列表虚拟化、重渲染控制、动画流畅度、图像加载等关键领域,帮助开发者提升应用流畅度和用户体验,关键词包括Expo、React Native、性能优化、移动开发、前端优化、代码重构、应用性能、SEO搜索。

4.5

ExpoReactNative开发技能Skill expo-react-native-coder

这个技能提供全面的Expo React Native移动应用开发指南,涵盖项目设置、路由导航、屏幕开发、数据管理、认证安全、深度链接等关键领域。适用于前端开发者和移动应用开发者,帮助快速构建高性能的Expo应用。关键词:Expo, React Native, 移动开发, 前端开发, 导航, 认证, 深度链接。