使用输入“React组件”的 Skills

use-dom - 用于Web代码的Expo DOM组件
React Native 跨平台 WebView Web
★ 0 · 更新于 2026-06-15
在原生平台webview中原样运行Web代码，在Web平台直接渲染
⚙ 运行Web代码 ⚙ 渲染Web组件 ⚙ 迁移Web代码
use-dom - Expo DOM组件运行Web代码
expo react-native webview web组件
★ 3,391 · 更新于 2026-06-15
使用Expo DOM组件在原生webview或直接在web上运行web代码
⚙ 运行web代码 ⚙ 渲染DOM组件 ⚙ 使用web库
design-system-patterns - 可扩展设计系统架构模式
设计系统设计令牌主题无障碍
★ 15 · 更新于 2026-06-15
设计令牌、主题架构、令牌管道和治理的基础设施
⚙ 定义令牌层级 ⚙ 实现主题切换 ⚙ 构建令牌流程
building-ui - 使用Expo Router构建UI应用
Expo Router React Native UI组件移动开发
★ 650 · 更新于 2026-03-25
使用Expo Router构建应用的完整指南，包含导航、样式和组件
⚙ 创建路由 ⚙ 样式组件 ⚙ 处理导航
react-best-practices - React性能优化指南
React Next.js 性能优化最佳实践
★ 2 · 更新于 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页面 ⚙ 实现数据获取
manage-client-state - 全局和URL状态类型安全的客户端状态管理
状态管理客户端 React Next.js
★ 22 · 更新于 2026-03-09
以类型安全的方式管理全局和URL状态的客户端状态
⚙ 使用SWRImmutable管理全局状态 ⚙ 使用nuqs管理URL状态 ⚙ 全局管理UI状态
1k-coding-patterns - OneKey编码模式和最佳实践指南
编码模式最佳实践 react
★ 1 · 更新于 2026-03-09
强制执行OneKey开发工作流程的编码模式和最佳实践
⚙ 读取文件 ⚙ 搜索文件 ⚙ 匹配模式
1k-coding-patterns - OneKey编码模式和最佳实践指南
编码最佳实践 react typescript
★ 22 · 更新于 2026-03-09
为OneKey开发提供React组件、Promise处理、错误处理和代码规范的编码模式和最佳实践。
⚙ 读取代码文件 ⚙ 代码库搜索 ⚙ 文件通配搜索
1k-coding-patterns - OneKey编码模式与最佳实践
编码模式最佳实践 react
★ 650 · 更新于 2026-03-09
提供OneKey开发的编码模式与最佳实践
⚙ 读取代码 ⚙ 搜索文件 ⚙ 匹配模式
artifacts-builder - 使用现代前端技术构建复杂的多组件HTML工件
前端 react html 工件
★ 24 · 更新于 2026-02-23
一套使用React、Tailwind CSS和shadcn/ui创建复杂的多组件HTML工件的工具集
⚙ 初始化前端仓库 ⚙ 开发工件代码 ⚙ 打包成单个HTML
frontend-design - 为Bookkeep构建电影级暗色主题前端界面
前端 UI设计 React Tailwind
★ 81 · 更新于 2026-02-17
使用电影级暗色主题和宝石色调创建生产级前端界面
⚙ 构建毛玻璃效果组件 ⚙ 实现电影级暗色主题 ⚙ 创建交互式卡片布局
tryramadan-accessibility - TryRamadan应用可访问性(a11y)实施指南
可访问性 a11y 前端开发测试
★ 1 · 更新于 2026-02-14
通过跳过链接、焦点可见性、aria-live、RTL支持和axe-core测试，确保TryRamadan应用对键盘和屏幕阅读器用户的可访问性。
⚙ 添加跳过链接 ⚙ 确保焦点可见性 ⚙ 为动态内容添加aria-live属性
react-best-practices - React和Next.js性能优化指南
React Next.js 性能优化
★ 650 · 更新于 2026-02-14
提供React和Next.js代码编写和审查的性能优化指南。
⚙ 审查React代码 ⚙ 优化打包体积 ⚙ 消除数据瀑布流
js_tosorted_immutable - 使用toSorted()替代sort()实现不可变性
javascript 数组不可变性 react
★ 3 · 更新于 2026-02-13
在JavaScript代码中使用toSorted()替换sort()以保持数组不可变性
⚙ 将sort()转换为toSorted()⚙ 实现不可变数组排序 ⚙ 编写不可变的JavaScript代码
animating-advanced - 电影级交互设计师 - Awwwards级别动画
动画 webgl 交互 gsap
★ 22 · 更新于 2026-02-13
使用GSAP、Three.js/R3F和Lenis等行业标准工具创建高性能动画，专门用于英雄区域、3D交互和滚动关联的故事叙述。
⚙ 创建高性能动画 ⚙ 实现平滑滚动 ⚙ 构建3D交互
tx-styling - React/Next.js应用中@landfolk/tx样式使用指南
React Next.js Tailwind CSS 样式
★ 2 · 更新于 2026-02-13
为在React/Next.js中使用@landfolk/tx样式提供指导，包括tx属性、分组语法和相关工具
⚙ 编辑使用tx属性的组件 ⚙ 将@landfolk/tx集成到应用 ⚙ 调试分组语法
react - React开发规则与最佳实践
react typescript 代码质量最佳实践
★ 0 · 更新于 2026-02-12
为TypeScript/JSX文件强制执行React开发规则
⚙ 验证React组件结构 ⚙ 强制执行钩子使用规则 ⚙ 检查表单实现模式
react - React代码风格与最佳实践规则
react 代码风格最佳实践 typescript
★ 0 · 更新于 2026-02-12
为TypeScript/JSX文件提供React开发规则和最佳实践
⚙ 提供编码指南 ⚙ 应用样式规则 ⚙ 建议组件模式
motion - Framer Motion动画模式：UI组件动效实现
动画 UI React Framer Motion
★ 0 · 更新于 2026-02-12
使用Framer Motion库创建动画模式
⚙ 创建淡入淡出动画 ⚙ 实现滑动过渡 ⚙ 应用交错效果

Scroll to load more