搜索结果: "react"
内容集合工具Skill content-collections
内容集合工具是一个用于将本地Markdown和MDX文件转换成类型安全TypeScript数据的构建工具，专为博客、文档网站等内容密集型应用设计。它提供自动验证、热重载、与Vite和React的无缝集成，并支持Zod模式验证和MDX组件，提升开发效率和内容管理的可靠性。关键词：内容集合、类型安全、TypeScript、Markdown、MDX、Vite、React、Zod验证、前端开发工具。
ReactuseState懒初始化Skill rerender-lazy-state
此技能涉及在React前端开发中使用useState函数的懒初始化技术，以避免在每次渲染时重复计算昂贵的初始值，提高应用性能。适用于构建搜索索引、解析JSON或复杂计算等场景。关键词：React, useState, 懒初始化, 性能优化, 前端开发
静态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最佳实践。
前端导入优化技巧Skill bundle-barrel-imports
这个技能用于通过避免使用桶文件导入来优化前端项目的捆绑大小和性能。它能减少不必要的模块加载，提高开发启动速度、构建效率和冷启动性能，适用于使用React等现代前端框架时的库导入优化。关键词：前端优化、捆绑大小、导入优化、性能提升、barrel files。
VercelReact性能优化最佳实践Skill vercel-react-best-practices
本技能提供由Vercel工程团队维护的React和Next.js应用性能优化指南，涵盖57条规则，分为8个优先级类别，帮助开发者在编写、审查、重构代码时优化性能，关键词包括React、Next.js、前端开发、性能优化、Vercel、数据获取、包大小优化、渲染优化、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。
React服务器动作Skill react-server-actions
React服务器动作是一种在Next.js 14+中用于处理表单和服务器端操作的技能，允许开发者在服务器端安全执行代码，无需传统API路由，支持渐进增强和优化用户体验。关键词：Next.js, React, 服务器动作, 表单处理, 服务器端突变, 渐进增强, 乐观UI更新, SEO搜索。