搜索结果: "react"
表单验证Skill form-validation
使用 React Hook Form, Formik, Vee-Validate 和自定义验证器实现表单验证,包括客户端验证、服务器端同步和实时错误反馈。
React组件架构Skill react-component-architecture
使用函数组件、钩子、组合和TypeScript设计可扩展的React组件,适用于构建组件库和UI系统。
ReactNativeApp开发Skill react-native-app
React Native App开发技能涉及使用React Native构建跨平台移动应用,包括导航、状态管理、API集成和原生模块处理。
Next.js全栈模式Skill nextjs-fullstack-patterns
这个技能专注于使用Next.js框架构建生产级全栈应用程序的最佳实践和模式,包括App Router、服务器组件、数据获取、认证、部署等。关键词:Next.js, 全栈开发, React, App Router, 服务器组件, 数据获取, 认证, 部署, SEO, 性能优化。
VercelAISDKv5前端React钩子Skill ai-sdk-ui
这个技能提供 Vercel AI SDK v5 的 React 钩子,用于构建 AI 驱动的用户界面,特别是聊天、完成和结构化对象生成。它支持流式响应、错误处理、Next.js 集成等,适用于 React/Next.js 应用中的 AI 功能开发。关键词:AI SDK, useChat, useCompletion, useObject, React, Next.js, 流式响应, AI 聊天界面, 前端开发。
Bknd用户注册设置Skill bknd-registration
这个技能用于在 Bknd 应用程序中配置和实现用户自注册功能,包括注册配置、启用/禁用注册、设置默认角色、密码验证、SDK 和 API 集成,以及前端 React 表单开发。关键词:Bknd、用户注册、身份验证、配置、SDK、API、React。
Bknd分页数据检索Skill bknd-pagination
这个技能用于在Bknd平台中实现分页数据检索,涵盖限制/偏移分页、页面计算、分页元数据处理、分页辅助函数、无限滚动和React集成模式,适用于构建分页列表、表格和无限滚动功能。关键词:分页,Bknd,数据检索,React,无限滚动。
Bknd文件上传Skill bknd-file-upload
本技能介绍如何使用Bknd平台进行文件上传,包括通过UI和代码两种方式,使用MediaApi SDK或REST API,支持React集成、进度跟踪、实体字段附件等。适用于前端和后端开发,涉及低代码开发场景。关键词:Bknd、文件上传、SDK、REST API、React、进度跟踪、实体媒体字段。
条件渲染技巧:使用三元运算符Skill rendering-conditional-render
这个技能用于在前端开发中优化条件渲染,特别是在 React 和 TypeScript 环境中。通过使用显式三元运算符替代逻辑与运算符,避免当值为 0、NaN 或其他假值时意外渲染,提升代码可靠性和用户体验。关键词包括:条件渲染、三元运算符、React、TypeScript、前端开发、假值处理、优化技巧。
组件包装架构Skill component-wrapper-architecture
这个技能用于在React项目中包装现有的shadcn/ui组件,以添加8位复古风格,同时确保向后兼容性和代码重用。关键词包括:组件包装、8位风格、shadcn/ui、React、TypeScript、前端开发、复古UI。
VercelReactNative技能最佳实践Skill vercel-react-native-skills
这个技能指南提供了React Native和Expo移动应用开发的最佳实践,涵盖列表性能优化、动画实现、UI模式、状态管理等多个方面,旨在帮助开发者构建高性能的移动应用。关键词包括:React Native, Expo, 移动应用, 性能优化, 动画, UI设计, 导航, 状态管理。
移动开发Skill mobile
移动开发技能涉及使用React Native和Flutter等跨平台框架构建应用程序,整合原生功能,优化性能,并处理应用部署。关键词:移动开发、React Native、Flutter、跨平台、原生集成、性能优化、应用商店。