搜索结果: "react"
ReactUI模式Skill react-ui-patterns
现代 React UI 设计模式,专注于提升用户体验,包括加载状态、错误处理、数据获取等。
ReactNativePerformanceSkill rn-performance
React Native性能优化技巧,包括列表优化、组件记忆化、避免不必要的重新渲染等,旨在提升Expo/React Native应用的性能表现。
Bknd文件上传Skill bknd-file-upload
本技能介绍如何使用Bknd平台进行文件上传,包括通过UI和代码两种方式,使用MediaApi SDK或REST API,支持React集成、进度跟踪、实体字段附件等。适用于前端和后端开发,涉及低代码开发场景。关键词:Bknd、文件上传、SDK、REST API、React、进度跟踪、实体媒体字段。
移动向导Skill mobile-wizard
移动向导是一个用于移动应用开发的工具,能够快速初始化并搭建基于 React Native (Expo) 或 Flutter 的应用结构,如导航器、标签页和堆栈,从而提高开发效率。关键词:移动开发,脚手架,React Native,Expo,Flutter,应用结构。
Vue组合式APISkill vue-composition-api
Vue组合式API是Vue 3框架的核心功能,用于通过组合式函数构建响应式、可维护和可复用的前端应用程序。它提供ref、reactive、computed、watch等核心特性,支持更好的代码组织、逻辑复用和TypeScript集成,适用于现代Vue开发,提高开发效率和代码质量。关键词:Vue 3, Composition API, 前端开发, 响应式编程, TypeScript, 组件化开发, 可复用逻辑, 生命周期钩子, 状态管理。
GraphQL移动端集成Skill GraphQLMobile
GraphQL 移动端集成技能专注于为移动应用(如 React Native、Flutter、iOS、Android)提供 GraphQL 客户端解决方案。它涵盖 Apollo Client 配置、代码自动生成、缓存策略优化以及实时数据订阅,旨在提升移动端数据获取效率、类型安全性和开发体验。关键词:GraphQL,移动开发,Apollo Client,代码生成,缓存策略,实时订阅,React Native,Flutter,iOS,Android。
JSON-UI报告渲染器Skill json-ui
JSON-UI 是一个强大的 JSON 到 HTML 报告渲染器,支持 React 组件和双语国际化。它允许开发者通过定义 JSON 结构快速生成美观、交互式的学术或数据报告网页。核心功能包括组件化架构、Zod 模式验证、静态 HTML 输出、React 组件库以及无缝的中英文语言切换。适用于学术论文展示、数据分析报告、自动化文档生成等场景。关键词:JSON渲染,HTML报告,React组件,双语国际化,i18n,学术报告,数据可视化,前端开发工具。
ShadCNUI组件开发规范Skill shadcn-ui-patterns
ShadCN UI组件开发规范是一套针对React前端开发的标准化指南,专注于UI组件构建、无障碍访问(WCAG 2.1 AA)、TailwindCSS最佳实践和TypeScript类型安全。该规范详细说明了如何使用ShadCN UI库(基于Radix UI原语)进行现代Web应用开发,包括组件安装模式、表单验证(React Hook Form + Zod)、服务器/客户端组件划分、深色模式支持以及严格的测试方法。适用于构建企业级React应用、Next.js项目,确保代码一致性、可维护性和卓越的用户体验。
React测试Skill react-testing
React测试技能涵盖了使用Jest和React Testing Library进行组件渲染、用户交互和异步状态管理的测试模式。
ReactNative认证(Expo)Skill rn-auth
本文介绍了在 Expo 应用中实现 React Native 认证的模式,包括 OAuth 流程、令牌存储、认证上下文、保护路由和后端集成。
ReactNative导航(ExpoRouter)Skill rn-navigation
Expo Router 是一个用于 React Native 应用的文件系统基础路由库,支持导航、路由、深度链接、标签栏、模态框和导航状态管理。
前端测试生成器Skill frontend-test
前端测试生成器是一款自动化工具,专门用于为React和Vue组件生成全面的测试代码。它基于React Testing Library (RTL) 框架,能够自动创建包含组件渲染验证、用户交互模拟(如点击、输入)、可访问性检查以及快照测试的单元测试文件。该工具旨在提升前端开发效率,确保代码质量,并遵循现代前端测试的最佳实践。 关键词:前端测试,React测试,Vue测试,组件测试,单元测试,自动化测试,React Testing Library,快照测试,可访问性测试,用户交互测试