搜索结果: "react"
CombatUIPatternA-Split-PanelImplementationSkill combat-ui-pattern-a
这个技能指导如何在SHINOBI WAY游戏中实现Split-Panel Combat UI（模式A），包括水平对抗战斗布局、角色面板、行动码头等组件的创建和架构。关键词：游戏开发、UI设计、React组件、CSS Grid布局。
React性能优化Skill react-performance
这项技能涵盖了 React 应用性能优化的多种模式和实践，包括记忆化、虚拟化、选择器优化、避免不必要渲染等，旨在提升 React 应用的性能和用户体验。
rn-state-flowsSkill rn-state-flows
React Native中复杂多步骤操作的实现指南，包括状态机模式、显式流程实现、流程对象、流程状态跟踪、集成测试流程和流程文档。
ReactNative测试Skill rn-testing
本文档提供了React Native应用测试的多种模式和实践，包括Zustand存储测试、异步操作测试、Expo模块模拟、React Query测试、自定义Hook测试、组件测试、导航测试、避免act()警告、快照测试和API调用模拟等。
表单验证Skill form-validation
使用 React Hook Form, Formik, Vee-Validate 和自定义验证器实现表单验证，包括客户端验证、服务器端同步和实时错误反馈。
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, 性能优化。
编码标准与最佳实践Skill coding-standards
这个技能提供了适用于TypeScript、JavaScript、React和Node.js开发的编码标准、最佳实践和模式，旨在提高代码质量、增强可读性和可维护性，适用于前端和后端软件开发。关键词包括编码标准、最佳实践、TypeScript、JavaScript、React、Node.js、代码质量、可维护性、软件开发。
Bknd用户注册设置Skill bknd-registration
这个技能用于在 Bknd 应用程序中配置和实现用户自注册功能，包括注册配置、启用/禁用注册、设置默认角色、密码验证、SDK 和 API 集成，以及前端 React 表单开发。关键词：Bknd、用户注册、身份验证、配置、SDK、API、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。