搜索结果: "react"
TailwindCSSSkill tailwindcss
Tailwind CSS 是一个实用优先的CSS框架,专为快速用户界面开发设计,支持响应式布局、暗黑模式、自定义主题和设计系统构建,适用于各种Web框架,如React、Vue、Svelte等。关键词:CSS框架、实用优先、响应式设计、暗黑模式、UI开发、前端工具。
VercelReact最佳实践Skill vercel-react-best-practices
这个技能提供了一套全面的 React 和 Next.js 性能优化指南,由 Vercel Engineering 维护。它包含 57 条规则,覆盖消除瀑布流、优化包大小、服务器端性能等关键领域,帮助开发者在编写、评审或重构代码时实现最佳性能。关键词:React, Next.js, 性能优化, Vercel, 前端开发。
ReactNative开发技能Skill react-native
此技能提供React Native移动应用开发的全面指南,涵盖组件、导航、原生模块、平台特定代码等,适用于移动应用开发、React Native组件实现和功能使用。关键词:React Native,移动开发,组件,导航,原生模块,平台特定代码。
FrontendDevelopmentPatternsSkill frontend-patterns
前端开发模式汇总,包含React、Next.js、状态管理、性能优化、UI最佳实践等关键技术点。
Scoop新闻平台UI重构工作流Skill scoop-ui-refactor
本技能是一个针对Scoop新闻平台前端界面的专项重构工作流。它专注于优化用户界面布局、提升地球仪交互体验、改进研究工作区设计,并强制执行无表情符号政策。核心工作包括压缩布局空间、实现类似TikTok的吸附滚动效果、确保功能完整性,以及通过系统化步骤移除所有UI、日志和文档中的表情符号。适用于前端开发者、UI/UX设计师进行项目重构和代码规范化。关键词:UI重构,前端开发,用户体验优化,吸附滚动,无表情符号,代码规范,React组件,工作流。
rn-state-flowsSkill rn-state-flows
React Native中复杂多步骤操作的实现指南,包括状态机模式、显式流程实现、流程对象、流程状态跟踪、集成测试流程和流程文档。
Next.js全栈模式Skill nextjs-fullstack-patterns
这个技能是关于使用Next.js框架构建全栈Web应用程序的实践模式,涵盖App Router、服务器组件、数据获取、认证和部署等关键技术。适用于开发现代、高性能的React应用,关键词包括:Next.js, 全栈开发, React, TypeScript, 服务器组件, 数据获取, 认证, 部署, Web开发。
TanStackQueryv5服务器状态管理技能Skill tanstack-query
这个技能教授如何使用 TanStack Query v5(React Query)进行 React 应用中的服务器状态管理,包括数据获取、缓存、突变和错误处理。关键词:TanStack Query, React Query, useQuery, useMutation, 数据获取, 缓存, 服务器状态, 前端开发。
Bknd分页数据检索Skill bknd-pagination
这个技能用于在Bknd平台中实现分页数据检索,涵盖限制/偏移分页、页面计算、分页元数据处理、分页辅助函数、无限滚动和React集成模式,适用于构建分页列表、表格和无限滚动功能。关键词:分页,Bknd,数据检索,React,无限滚动。
Bknd登录注销流程Skill bknd-login-flow
此技能用于在Bknd应用中实现用户认证流程,包括登录、注销和会话检查功能,涵盖SDK认证方法、REST API端点、React集成、错误处理等。关键词:Bknd、登录、注销、认证、前端开发、React、REST API、SDK、错误处理、会话管理。
现代Web应用架构Skill modern-web-app-architecture
这个技能用于设计和构建现代Web应用程序,包括单页应用(SPA)、服务器端渲染(SSR)、静态站点生成(SSG)和React服务器组件(RSC)等。它涵盖架构权衡、状态管理、性能优化、测试策略、交付流程和团队扩展,提供生产就绪的实践指导,如核心Web指标、可访问性、安全性和微前端架构。关键词:Web应用架构、SPA、SSR、SSG、RSC、前端开发、性能优化、状态管理、测试、团队扩展。
条件渲染技巧:使用三元运算符Skill rendering-conditional-render
这个技能用于在前端开发中优化条件渲染,特别是在 React 和 TypeScript 环境中。通过使用显式三元运算符替代逻辑与运算符,避免当值为 0、NaN 或其他假值时意外渲染,提升代码可靠性和用户体验。关键词包括:条件渲染、三元运算符、React、TypeScript、前端开发、假值处理、优化技巧。