搜索结果: "react"
前端组件生成器Skill frontend-component
自动化生成React/Vue组件,包括TypeScript定义、测试和样式,遵循最佳实践,提高开发效率。
Tailwindv4+shadcn/ui生产堆栈技能Skill tailwind-v4-shadcn
这个技能提供了一个生产就绪的设置指南,用于使用 Tailwind CSS v4、shadcn/ui、Vite 和 React 构建前端项目。它涵盖了暗色模式实现、CSS 变量架构、常见问题修复和最佳实践,帮助开发者高效搭建和调试现代 Web 应用。关键词:Tailwind v4, shadcn/ui, Vite, React, 暗色模式, CSS 变量, 前端开发, 生产部署, SEO。
ReactuseState懒初始化Skill rerender-lazy-state
此技能涉及在React前端开发中使用useState函数的懒初始化技术,以避免在每次渲染时重复计算昂贵的初始值,提高应用性能。适用于构建搜索索引、解析JSON或复杂计算等场景。关键词:React, useState, 懒初始化, 性能优化, 前端开发
ZodSkill zod
Zod 是一个用于 TypeScript 的数据模式验证库,主要用于定义和验证数据模式,确保代码的健壮性和类型安全。它广泛应用于前后端开发,特别是 Node.js 和 React 项目中。关键词:Zod, TypeScript, 模式验证, 数据验证, 运行时验证, 类型安全
ReactHooks全面指南Skill react-hooks
这个技能提供React Hooks的全面学习资料和实践指导,涵盖内置hooks如useState、useEffect以及自定义hooks的使用,帮助前端开发者在函数式组件中高效管理状态、处理副作用和优化性能。关键词包括React Hooks、前端开发、函数式组件、状态管理、副作用处理、性能优化、自定义hooks、JavaScript。
Detox移动测试技能Skill detox
Detox移动测试框架技能提供全面的指导,涵盖React Native测试、端到端测试和测试同步,适用于移动应用测试和质量保证,关键词包括移动测试、React Native、E2E测试、测试同步、Detox框架。
React专家Skill react-expert
此技能用于前端开发,专注于使用 React 19 及更高版本构建高性能、可访问的 Web 应用程序,涵盖组件架构、钩子模式、状态管理、性能优化等核心领域。适用于服务器组件、Suspense 边界、现代数据获取等高级特性。关键词:React, 前端开发, TypeScript, 状态管理, 性能优化, 服务器组件, 钩子模式, 可访问性。
Next.js开发专家Skill nextjs-developer
Next.js开发专家技能用于构建高性能、SEO优化的Next.js 14+应用,专精于App Router、服务器组件和全栈部署。关键词:Next.js, App Router, React Server Components, SEO优化, 性能优化, Vercel部署, 前端开发, Web开发, 全栈开发, 服务器渲染
移动响应式网页开发Skill mobile-responsiveness
移动响应式网页开发技能专注于构建响应式、移动优先的网页应用,涵盖响应式布局设计、触摸交互优化、移动导航实现和屏幕尺寸适配。关键词包括移动响应式、前端开发、CSS、React、响应式设计、移动优先、断点、触摸事件、视口优化。
导航模式与路由实现Skill implementing-navigation
这个技能提供全面指导,用于在前后端应用中实现导航系统和路由配置,涵盖菜单、标签、面包屑等导航模式,以及React、Python等框架的客户端和服务器端路由。关键词:导航模式、路由实现、前端开发、后端开发、React、TypeScript、Python、Flask、Django、FastAPI、可访问性、SEO优化。
前端产物构建套件Skill web-artifacts-builder
该技能是一个用于创建复杂HTML产物的前端开发工具套件,基于React、Tailwind CSS和shadcn/ui技术栈。它通过自动化脚本初始化项目、开发产物并捆绑成单个HTML文件,适用于构建需要状态管理、路由和多组件交互的Web应用。关键词:前端开发、React、Tailwind CSS、shadcn/ui、HTML产物构建、工具套件、claude.ai。
React最佳实践Skill react-best-practices
提供React钩子、效果、引用和组件设计的模式。涵盖逃生口、反模式和正确的效果使用。在阅读或编写React组件(带有React导入的.tsx、.jsx文件)时必须使用。