搜索结果: "react"
Bknd文件上传Skill bknd-file-upload
本技能介绍如何使用Bknd平台进行文件上传，包括通过UI和代码两种方式，使用MediaApi SDK或REST API，支持React集成、进度跟踪、实体字段附件等。适用于前端和后端开发，涉及低代码开发场景。关键词：Bknd、文件上传、SDK、REST API、React、进度跟踪、实体媒体字段。
VercelReact最佳实践Skill vercel-react-best-practices
这是一个由Vercel维护的React和Next.js应用性能优化综合指南，包含45条规则，涵盖8个类别，按影响优先级排序，用于指导前端开发中的代码编写、审查和重构，以提高应用性能。关键词：React, Next.js, 性能优化, 前端开发, Vercel, 代码生成, 自动化重构。
Bknd前端SDK配置Skill bknd-client-setup
这个技能用于在前端应用程序中设置和配置Bknd TypeScript SDK，包括Api类初始化、身份验证令牌管理、与React等框架集成，以及TypeScript类型注册。适用于开发人员连接Bknd后端服务，提升前端开发效率。关键词：Bknd SDK, 前端开发, 身份验证, React集成, TypeScript, 客户端配置。
状态管理顾问Skill state-management-advisor
这个技能专注于React应用中的状态管理，帮助开发者选择和实施合适的解决方案，包括Context、Zustand、Redux Toolkit、TanStack Query和Jotai，用于处理本地状态、全局状态和服务器状态。关键词：React状态管理，全局状态管理，服务器状态管理，前端开发。
React组件模式Skill component-patterns
这个技能涵盖React中各种组件模式，如组合模式、自定义钩子、渲染属性、高阶组件和复合组件，用于构建高效、可维护的前端UI组件。关键词：React组件、组合、自定义钩子、渲染属性、高阶组件、复合组件、性能优化、前端开发、代码分割、虚拟滚动。
条件渲染技巧：使用三元运算符Skill rendering-conditional-render
这个技能用于在前端开发中优化条件渲染，特别是在 React 和 TypeScript 环境中。通过使用显式三元运算符替代逻辑与运算符，避免当值为 0、NaN 或其他假值时意外渲染，提升代码可靠性和用户体验。关键词包括：条件渲染、三元运算符、React、TypeScript、前端开发、假值处理、优化技巧。
8位像素艺术图案Skill 8-bit-pixel-art-patterns
这个技能用于创建8位复古风格的像素化边框、阴影和效果，适用于UI组件开发，通过绝对定位的div实现像素艺术美学。关键词包括：像素艺术、8位、UI组件、CSS、React、前端开发。
TypeScript工具迁移技能Skill typescript-tooling-migration
这个技能提供了一个指南，用于在Phoenix monorepo中迁移或升级TypeScript工具，包括工具替换、版本升级和依赖管理。关键词：TypeScript、工具迁移、前端开发、monorepo、CI/CD、React、oxlint、oxfmt。
工具UI组件Skill tools-ui
这个技能提供了一套用于React/Next.js的UI组件，用于管理和显示工具调用的生命周期状态，包括待定、运行、批准、成功和错误。它支持人机交互批准流程、进度指示器、结果显示和工具图标自动匹配，适用于AI代理工具调用、前端开发中的工具生命周期管理。关键词：React、Next.js、UI组件、工具调用、生命周期、批准流程、前端开发、AI智能体、人机交互。
卓越前端设计技能Skill frontend-design
这个技能专注于创建独特、生产级的前端界面，强调高质量设计和避免通用AI美学。它提供从设计思考到代码实现的完整流程，涵盖排版、颜色、动效等美学元素，适用于Web开发、UI设计、React组件、HTML/CSS布局等场景。关键词：前端开发、UI设计、创意代码、生产级接口、美学指南、Web组件、前端美学。
Web前端构建工具Skill web-artifacts-builder
这是一个用于创建复杂多组件Claude.ai HTML前端工具的技能套件，使用React、Tailwind CSS、shadcn/ui等现代Web技术。适用于需要状态管理、路由或高级UI组件的项目，关键词包括前端开发、React、Tailwind CSS、shadcn/ui、构建工具。
前端开发指南Skill frontend-dev-guidelines
这个技能是前端开发指南，专注于现代React和TypeScript应用程序的开发。它详细介绍了基于Suspense的数据获取、懒加载、文件组织、MUI v7样式、TanStack Router路由、性能优化和TypeScript最佳实践。适用于创建组件、页面、功能、获取数据、样式设置、路由和前端代码管理。关键词：React, TypeScript, 前端开发, 性能优化, 数据获取, Suspense, 懒加载, MUI v7, TanStack Router, 文件组织。