搜索结果: "react"
TanStack路由开发技能Skill tanstack-router
这个技能用于构建类型安全、基于文件的路由的React单页应用(SPA),集成TanStack Query,优化用于Cloudflare Workers部署,提高开发效率和代码质量。关键词包括:TanStack Router、React路由、TypeScript类型安全、文件路由、数据加载、Cloudflare Workers、前端开发。
React组合模式Skill react-composition-patterns
这个技能专注于React前端开发中的组合模式,帮助开发者构建可扩展、可维护的组件,通过避免布尔属性泛滥,使用复合组件、状态提升和上下文提供者优化组件架构。关键词:React,组合模式,前端开发,组件架构,状态管理,可维护性,SEO。
VercelReact最佳实践Skill vercel-react-best-practices
这个技能提供React和Next.js应用程序的全面性能优化指南,包含57个规则,分为8个优先级类别,旨在帮助开发者在编写、审查或重构代码时遵循最佳实践,优化性能、减少加载时间和改善用户体验。适用于前端开发中的性能调优。关键词:React, Next.js, 性能优化, Vercel, 前端开发, 包优化, 服务器渲染。
推送通知设置Skill push-notification-setup
这个技能用于在iOS、Android和Web平台上实现推送通知功能,使用Firebase Cloud Messaging (FCM)和本地服务。它包括处理权限请求、前台和后台消息、令牌刷新,以及设置通知通道。关键词包括推送通知、FCM、iOS通知、Android通知、Web通知、React Native通知、通知权限、后台消息、通知通道,便于SEO搜索。
内容集合工具Skill content-collections
内容集合工具是一个用于将本地Markdown和MDX文件转换成类型安全TypeScript数据的构建工具,专为博客、文档网站等内容密集型应用设计。它提供自动验证、热重载、与Vite和React的无缝集成,并支持Zod模式验证和MDX组件,提升开发效率和内容管理的可靠性。关键词:内容集合、类型安全、TypeScript、Markdown、MDX、Vite、React、Zod验证、前端开发工具。
静态JSX元素提升渲染优化Skill rendering-hoist-jsx
该技能用于在 React 前端开发中优化 JSX 渲染性能,通过提取静态 JSX 元素到组件外部,避免每次渲染时的重新创建,提高应用效率和响应速度,特别适用于大型静态 SVG 节点。关键词包括:React、JSX、渲染优化、静态元素、性能提升、前端开发、性能优化。
JavaScripttoSorted不可变数组排序Skill js-tosorted-immutable
这个技能是关于在JavaScript中使用toSorted()方法进行数组排序而不突变原始数组,特别适用于React应用,以确保数据不可变性。关键词包括:JavaScript, toSorted, 不可变性, 数组排序, React, 前端开发, 数组突变避免。
正则表达式性能优化Skill js-hoist-regexp
这个技能用于优化前端React应用中的正则表达式使用,通过将RegExp创建提升到模块作用域或使用React的useMemo钩子进行记忆化,避免在每次渲染或函数调用时重复创建,从而提高性能并减少内存开销。关键词:React性能优化, 正则表达式提升, useMemo记忆化, 前端开发技巧, JavaScript最佳实践。
Expo框架规则技能Skill expo-framework-rule
这个技能是Expo框架的编码标准专家,用于帮助开发者遵循Expo框架的最佳实践和指南,包括代码审查、改进建议、模式解释和重构帮助,适用于移动应用开发。关键词:Expo框架, 代码审查, 最佳实践, 移动开发, React Native, 编码标准, 性能优化, 空中更新。
前端开发Skill frontend
前端开发技能专注于使用React等框架构建用户界面,实现响应式布局、状态管理和性能优化,以创建高性能、可访问的Web应用程序。关键词:前端开发、React、响应式设计、状态管理、性能优化、可访问性、Web开发。
前端开发指南Skill frontend-dev-guidelines
提供前端开发的最佳实践和指南,专注于React/TypeScript应用程序,覆盖Suspense数据获取、懒加载、TanStack Router路由、MUI v7样式、性能优化等现代技术。适用于前端开发者创建高效、可维护的应用程序,关键词:前端开发、React、TypeScript、Suspense、懒加载、TanStack Query、MUI、性能优化。
Claude前端神器构建器Skill artifacts-builder
该技能是一个前端开发工具套件,专门用于为Claude.ai创建复杂、多组件的HTML神器,采用React、Tailwind CSS和shadcn/ui等现代技术,支持状态管理和路由,适用于构建高级前端项目。关键词:前端开发,React,Tailwind CSS,shadcn/ui,HTML神器,Claude.ai。