搜索结果: "react"
正则表达式性能优化Skill js-hoist-regexp
这个技能用于优化前端React应用中的正则表达式使用,通过将RegExp创建提升到模块作用域或使用React的useMemo钩子进行记忆化,避免在每次渲染或函数调用时重复创建,从而提高性能并减少内存开销。关键词:React性能优化, 正则表达式提升, useMemo记忆化, 前端开发技巧, JavaScript最佳实践。
VercelReact性能优化最佳实践Skill vercel-react-best-practices
本技能提供由Vercel工程团队维护的React和Next.js应用性能优化指南,涵盖57条规则,分为8个优先级类别,帮助开发者在编写、审查、重构代码时优化性能,关键词包括React、Next.js、前端开发、性能优化、Vercel、数据获取、包大小优化、渲染优化、JavaScript优化,适用于提升网站速度和用户体验。
React专家Skill react-expert
这个技能是React生态系统专家,专注于帮助开发者掌握React hooks、状态管理、组件模式、React 19新特性(如编译器、动作、useActionState、useOptimistic)、Shadcn UI和Radix原语。它提供最佳实践指南、代码审查、性能优化和可访问性建议,用于构建高性能、可扩展的现代React应用。关键词:React, hooks, 状态管理, 组件, React 19, Shadcn UI, Radix, 前端开发, 性能优化, 可访问性。
ZodSkill zod
Zod 是一个用于 TypeScript 的数据模式验证库,主要用于定义和验证数据模式,确保代码的健壮性和类型安全。它广泛应用于前后端开发,特别是 Node.js 和 React 项目中。关键词:Zod, TypeScript, 模式验证, 数据验证, 运行时验证, 类型安全
前端开发Skill frontend
前端开发技能专注于使用React等框架构建用户界面,实现响应式布局、状态管理和性能优化,以创建高性能、可访问的Web应用程序。关键词:前端开发、React、响应式设计、状态管理、性能优化、可访问性、Web开发。
Web框架技能组Skill web-frameworks
本技能组提供综合指南,用于使用Next.js、Turborepo和RemixIcon构建现代全栈Web应用程序。适用于React应用开发、服务器端渲染、单仓库管理、构建性能优化和图标库集成。关键词:Next.js, Turborepo, RemixIcon, 全栈开发, 前端框架, 单仓库, 图标库, SEO优化。
VercelReact最佳实践Skill vercel-react-best-practices
这是一个由Vercel工程团队提供的React和Next.js性能优化技能指南,包含57条规则,分为8个优先级类别,用于指导开发者编写、审查和重构代码,以消除性能瓶颈、优化包大小、提升服务器和客户端性能。关键词:React, Next.js, 性能优化, Vercel, 前端开发, 代码重构, 包优化, 数据获取
Next.js服务器组件开发Skill nextjs-server-components
Next.js Server Components技能用于通过服务器端渲染React组件来优化Web应用性能,减少客户端JavaScript负载,提升SEO和用户体验。关键词包括Next.js、Server Components、服务器端渲染、性能优化、React、前端开发、SEO、Core Web Vitals、流式渲染、数据库访问。
Next.jsAppRouter开发技能Skill nextjs-app-router
这个技能用于使用Next.js App Router架构开发现代Web应用,包括服务器组件、客户端组件、高级路由模式、数据获取优化和流式渲染,旨在构建高性能、SEO友好的React应用程序。关键词:Next.js, App Router, 服务器组件, 客户端组件, 路由, 数据获取, SEO。
React服务器端动作Skill react-server-actions
React服务器端动作是一种在Next.js 14+框架中实现的功能,用于安全处理表单提交和服务器端数据操作,无需API路由。它支持渐进增强、服务器端验证、文件上传和乐观UI更新,适用于现代Web开发中的表单处理、服务器突变和性能优化场景。关键词:React Server Actions, Next.js, 表单处理, 服务器端突变, 渐进增强, 安全性, 缓存重新验证, 文件上传, 乐观UI更新, Web开发。
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, 前端开发, 最佳实践。