使用输入“React components”的 Skills

react-best-practices - Next.js 与 React 性能专家
react nextjs 性能优化
★ 0 · 更新于 2026-09-22
提供来自 Vercel Engineering 的 Next.js 与 React 性能优化指南。
⚙ 消除数据获取瀑布流 ⚙ 优化代码打包体积 ⚙ 优化服务端渲染性能
Error Boundaries React - 在 React 组件树中捕获 JavaScript 错误并显示降级 UI。
react 错误处理后端 api
★ 2 · 更新于 2026-09-18
在 React 组件树中捕获 JavaScript 错误并记录日志，展示降级 UI 以防止应用崩溃。
⚙ 捕获 JavaScript 错误 ⚙ 记录组件错误 ⚙ 显示降级 UI
framer-motion-expert - React Framer Motion 12+ 动画指南。
framer-motion react 动画手势
★ 0 · 更新于 2026-09-17
提供 React Framer Motion 12+ 声明式动画、布局过渡、手势及 Hook 的语法参考与开发模式。
⚙ 构建声明式 React 动画 ⚙ 实现布局过渡动画 ⚙ 配置悬停与拖拽手势
motion-animation-patterns - React 动画模式实现
motion framer-motion animation react
★ 602 · 更新于 2026-06-30
在 React 应用中使用预设模式实现 Framer Motion 动画
⚙ 添加页面转场 ⚙ 实现模态框动画 ⚙ 创建交错列表动画
types - 使用 TypeScript 5.9+ 构建类型安全应用
typescript type-safety react vite
★ 17 · 更新于 2026-06-15
提供 TypeScript 开发指导，涵盖类型系统基础、模式以及现代工具链配置
⚙ 构建应用 ⚙ 迁移代码库 ⚙ 配置工具链
use-dom - 用于Web代码的Expo DOM组件
React Native 跨平台 WebView Web
★ 0 · 更新于 2026-06-15
在原生平台webview中原样运行Web代码，在Web平台直接渲染
⚙ 运行Web代码 ⚙ 渲染Web组件 ⚙ 迁移Web代码
design-system-patterns - 可扩展设计系统架构模式
设计系统设计令牌主题无障碍
★ 14 · 更新于 2026-06-15
设计令牌、主题架构、令牌管道和治理的基础设施
⚙ 定义令牌层级 ⚙ 实现主题切换 ⚙ 构建令牌流程
animation-motion - 使用 Framer Motion 和 CSS 创建动画
动画运动用户界面微交互
★ 1 · 更新于 2026-05-11
使用 Framer Motion 和 CSS 创建流畅动画和微交互
⚙ 创建进入/退出动画 ⚙ 实现手势动画 ⚙ 添加滚动动画
animation-motion - 使用 Framer Motion 创建流畅动画
动画 Framer Motion CSS UI 过渡
★ 18 · 更新于 2026-05-11
使用 Framer Motion 和 CSS 创建流畅动画和微交互
⚙ 创建进入/退出动画 ⚙ 添加手势交互 ⚙ 实现滚动动画
animation-motion - Framer Motion 动画设计
动画 Framer Motion CSS 微交互
★ 602 · 更新于 2026-05-11
使用 Framer Motion 和 CSS 创建流畅的动画和微交互
⚙ 创建淡入淡出动画 ⚙ 创建滑动动画 ⚙ 创建退出动画
building-ui - 使用Expo Router构建UI应用
Expo Router React Native UI组件移动开发
★ 602 · 更新于 2026-03-25
使用Expo Router构建应用的完整指南，包含导航、样式和组件
⚙ 创建路由 ⚙ 样式组件 ⚙ 处理导航
react-patterns - React 19 性能与组合模式
React Next.js 性能组合
★ 0 · 更新于 2026-03-24
应用 Vercel 的 62 条性能规则和组合模式优化 React 19 和 Next.js 代码
⚙ 应用组合模式 ⚙ 强制使用复合组件 ⚙ 消除布尔属性
react-best-practices - React性能优化指南
React Next.js 性能优化最佳实践
★ 1 · 更新于 2026-03-21
为React和Next.js应用提供8个分类共57条优化规则
⚙ 审查React组件 ⚙ 优化包体积 ⚙ 消除数据获取瀑布
vercel-react-best-practices - React和Next.js性能优化指南
React Next.js 性能优化最佳实践
★ 3 · 更新于 2026-03-20
提供来自Vercel工程团队的React和Next.js性能优化指南
⚙ 编写React组件 ⚙ 创建Next.js页面 ⚙ 实现数据获取
vercel-react-best-practices - Vercel React 最佳实践指南
React Next.js 性能优化代码重构
★ 0 · 更新于 2026-03-20
React 和 Next.js 应用性能优化指南
⚙ 编写 React 组件 ⚙ 创建 Next.js 页面 ⚙ 实现数据获取
manage-client-state - 全局和URL状态类型安全的客户端状态管理
状态管理客户端 React Next.js
★ 18 · 更新于 2026-03-09
以类型安全的方式管理全局和URL状态的客户端状态
⚙ 使用SWRImmutable管理全局状态 ⚙ 使用nuqs管理URL状态 ⚙ 全局管理UI状态
1k-coding-patterns - OneKey编码模式和最佳实践指南
编码模式最佳实践 react
★ 1 · 更新于 2026-03-09
强制执行OneKey开发工作流程的编码模式和最佳实践
⚙ 读取文件 ⚙ 搜索文件 ⚙ 匹配模式
1k-coding-patterns - OneKey编码模式和最佳实践指南
编码最佳实践 react typescript
★ 18 · 更新于 2026-03-09
为OneKey开发提供React组件、Promise处理、错误处理和代码规范的编码模式和最佳实践。
⚙ 读取代码文件 ⚙ 代码库搜索 ⚙ 文件通配搜索
1k-coding-patterns - OneKey编码模式与最佳实践
编码模式最佳实践 react
★ 602 · 更新于 2026-03-09
提供OneKey开发的编码模式与最佳实践
⚙ 读取代码 ⚙ 搜索文件 ⚙ 匹配模式
artifacts-builder - 使用现代前端技术构建复杂的多组件HTML工件
前端 react html 工件
★ 24 · 更新于 2026-02-23
一套使用React、Tailwind CSS和shadcn/ui创建复杂的多组件HTML工件的工具集
⚙ 初始化前端仓库 ⚙ 开发工件代码 ⚙ 打包成单个HTML

Scroll to load more