搜索结果: "react"
ReactZustand状态管理模式Skill react-zustand-patterns
本文档提供了React中使用Zustand状态管理库时的常见模式和最佳实践,包括同步设置与异步渲染、避免过时闭包、异步操作处理、选择器稳定性、派生状态计算、商店订阅和副作用处理、Zustand商店的测试以及调试状态变化。这些模式有助于理解和解决在使用Zustand时可能遇到的各种状态管理问题。
ReactNativeStylingSkill rn-styling
React Native 样式指南,包含 NativeWind 和 BrandColors 的使用模式,适用于 Expo/React Native 中的样式、主题、颜色、响应式布局或平台特定 UI 开发。
Next.js全栈模式Skill nextjs-fullstack-patterns
这个技能专注于使用Next.js框架构建生产级全栈应用程序的最佳实践和模式,包括App Router、服务器组件、数据获取、认证、部署等。关键词:Next.js, 全栈开发, React, App Router, 服务器组件, 数据获取, 认证, 部署, SEO, 性能优化。
Bknd用户注册设置Skill bknd-registration
这个技能用于在 Bknd 应用程序中配置和实现用户自注册功能,包括注册配置、启用/禁用注册、设置默认角色、密码验证、SDK 和 API 集成,以及前端 React 表单开发。关键词:Bknd、用户注册、身份验证、配置、SDK、API、React。
移动开发Skill mobile
移动开发技能涉及使用React Native和Flutter等跨平台框架构建应用程序,整合原生功能,优化性能,并处理应用部署。关键词:移动开发、React Native、Flutter、跨平台、原生集成、性能优化、应用商店。
卓越前端设计技能Skill frontend-design
这个技能专注于创建独特、生产级的前端界面,强调高质量设计和避免通用AI美学。它提供从设计思考到代码实现的完整流程,涵盖排版、颜色、动效等美学元素,适用于Web开发、UI设计、React组件、HTML/CSS布局等场景。关键词:前端开发、UI设计、创意代码、生产级接口、美学指南、Web组件、前端美学。
Next.js前端框架Skill nextjs
Next.js 是一个基于 React 的前端开发框架,专为构建生产级全栈 Web 应用设计,支持服务器端渲染、静态生成和自动优化功能。此技能适用于构建高效、可扩展的 Web 应用,实现现代路由架构、数据获取、性能优化和 SEO 提升。关键词:Next.js, React框架, 服务器端渲染, 静态生成, Web开发, 前端框架, 性能优化, SEO, 全栈应用。
VercelReact最佳实践Skill vercel-react-best-practices
这个技能提供了一套全面的 React 和 Next.js 性能优化指南,由 Vercel Engineering 维护。它包含 57 条规则,覆盖消除瀑布流、优化包大小、服务器端性能等关键领域,帮助开发者在编写、评审或重构代码时实现最佳性能。关键词:React, Next.js, 性能优化, Vercel, 前端开发。
Zustand状态管理最佳实践Skill zustand
Zustand状态管理技能提供React应用中Zustand库的最佳实践指南,涵盖存储架构、选择器优化、重新渲染预防等关键方面,帮助开发者优化性能、提高代码可维护性,并集成SSR和TypeScript。关键词:Zustand, React, 状态管理, 最佳实践, 性能优化, 前端开发。
表单创建器Skill form-creator
这是一个用于快速生成数据录入表单、验证模式和对应CRUD API端点的开发工具。它帮助开发者高效构建和管理表单功能,提升开发效率,确保数据验证和API安全性。关键词:表单生成、数据验证、CRUD API、前端开发、后端开发、Zod模式、React表单、API路由。
响应式编程Skill reactive-programming
使用RxJS、流、可观察对象和背压处理实现响应式编程模式。适用于构建事件驱动的UI、处理异步数据流或管理复杂的数据流。
Next.js全栈模式Skill nextjs-fullstack-patterns
这个技能是关于使用Next.js框架构建全栈Web应用程序的实践模式,涵盖App Router、服务器组件、数据获取、认证和部署等关键技术。适用于开发现代、高性能的React应用,关键词包括:Next.js, 全栈开发, React, TypeScript, 服务器组件, 数据获取, 认证, 部署, Web开发。