搜索结果: "react"
内容集合工具Skill content-collections
内容集合工具是一个用于将本地Markdown和MDX文件转换成类型安全TypeScript数据的构建工具，专为博客、文档网站等内容密集型应用设计。它提供自动验证、热重载、与Vite和React的无缝集成，并支持Zod模式验证和MDX组件，提升开发效率和内容管理的可靠性。关键词：内容集合、类型安全、TypeScript、Markdown、MDX、Vite、React、Zod验证、前端开发工具。
前端构建工具套件Skill artifacts-builder
这是一个前端构建工具套件，用于创建复杂的多组件HTML艺术品，基于React、TypeScript、Tailwind CSS和shadcn/ui等现代前端技术。支持状态管理、路由和组件集成，适合高级前端项目开发和Claude AI工具集制作。关键词：前端开发、React、TypeScript、HTML构建、工具集、Claude AI、状态管理、路由、组件库。
服务器组件Skill server-components
此技能详细介绍了React服务器组件在Next.js中的应用，涵盖服务器与客户端组件的区分、组合模式及数据获取方法，适用于前端开发。关键词：React服务器组件、Next.js、服务器渲染、客户端交互、组件架构。
静态JSX元素提升渲染优化Skill rendering-hoist-jsx
该技能用于在 React 前端开发中优化 JSX 渲染性能，通过提取静态 JSX 元素到组件外部，避免每次渲染时的重新创建，提高应用效率和响应速度，特别适用于大型静态 SVG 节点。关键词包括：React、JSX、渲染优化、静态元素、性能提升、前端开发、性能优化。
React专家Skill react-expert
这个技能是React生态系统专家，专注于帮助开发者掌握React hooks、状态管理、组件模式、React 19新特性（如编译器、动作、useActionState、useOptimistic）、Shadcn UI和Radix原语。它提供最佳实践指南、代码审查、性能优化和可访问性建议，用于构建高性能、可扩展的现代React应用。关键词：React, hooks, 状态管理, 组件, React 19, Shadcn UI, Radix, 前端开发, 性能优化, 可访问性。
VercelReact最佳实践Skill vercel-react-best-practices
这个技能提供了一套全面的 React 和 Next.js 性能优化指南，由 Vercel Engineering 维护。它包含 57 条规则，覆盖消除瀑布流、优化包大小、服务器端性能等关键领域，帮助开发者在编写、评审或重构代码时实现最佳性能。关键词：React, Next.js, 性能优化, Vercel, 前端开发。
ReactNativeElements最佳实践Skill react-native-elements
这个技能是关于 React Native Elements UI 组件库的使用最佳实践，帮助开发者构建高性能、主题一致的 React Native 移动应用。关键词包括：React Native、UI 组件、最佳实践、性能优化、主题配置、移动开发。
OrvalOpenAPI客户端生成Skill orval
这是一个用于从OpenAPI规范自动生成类型安全的TypeScript客户端的技能，支持React Query、SWR等查询库集成，提供自定义mutators和Mock测试功能，适用于前端开发和API消费。关键词：Orval, OpenAPI, TypeScript, 客户端生成, React Query, SWR, 自定义mutators, MSW mocks。
构件构建器Skill artifacts-builder
构件构建器是一个前端开发工具套件，专门用于创建和打包复杂、多组件的Claude.ai HTML构件。它集成了React、TypeScript、Vite、Tailwind CSS和shadcn/ui，支持状态管理、路由和组件化开发，并能将项目捆绑成单个HTML文件，便于分享和部署。关键词：前端开发、HTML构件、React、Tailwind CSS、shadcn/ui、构件构建、Vite、Parcel。
Algolia搜索集成技能Skill algolia-search
此技能提供Algolia搜索的集成解决方案，涵盖React InstantSearch hooks使用、Next.js服务器端渲染、数据同步和索引策略。适用于开发者在Web应用中添加高效的搜索功能。关键词：Algolia搜索、React、InstantSearch、Next.js、SSR、索引策略、数据同步。
ReactNative开发技能Skill react-native
此技能提供React Native移动应用开发的全面指南，涵盖组件、导航、原生模块、平台特定代码等，适用于移动应用开发、React Native组件实现和功能使用。关键词：React Native，移动开发，组件，导航，原生模块，平台特定代码。
React现代化Skill react-modernization
本技能专注于React应用程序的现代化，包括版本升级、从类组件迁移到钩子、采用并发特性如Suspense和transitions，以及使用代码修改自动化重构。适用于开发人员升级React项目、优化代码结构和性能。关键词：React, 现代化, 升级, 迁移, 钩子, 并发, 代码修改, 性能优化, TypeScript, 前端开发