Typescript React Patterns

asyrafhussin/agent-skills/skills/typescript-react-patterns

作者 asyrafhussin1aa0ff717c10MIT86 个星标收录于 2026年10月8日更新于 2026年10月8日仓库6周前更新

TypeScript best practices for React development. Use when writing typed React components, hooks, events, refs, or generic components. Triggers on tasks involving TypeScript errors, type definitions, props typing, or type-safe React patterns.

仅含说明Software Development

仅公开文件列表。将技能安装到工作区后即可查看文件内容。

路径大小类型
AGENTS.md149 KBtext/markdown
metadata.json1.4 KBapplication/json
README.md1.7 KBtext/markdown
rules/comp-children-types.md3.5 KBtext/markdown
rules/comp-default-props.md5.4 KBtext/markdown
rules/comp-display-name.md4.4 KBtext/markdown
rules/comp-fc-vs-function.md2.7 KBtext/markdown
rules/comp-forward-ref.md5.1 KBtext/markdown
rules/comp-polymorphic.md4.7 KBtext/markdown
rules/comp-props-interface.md3.2 KBtext/markdown
rules/comp-rest-props.md4.9 KBtext/markdown
rules/ctx-create.md5 KBtext/markdown
rules/ctx-provider.md3.9 KBtext/markdown
rules/ctx-reducer.md4.9 KBtext/markdown
rules/event-click-handler.md4.5 KBtext/markdown
rules/event-form.md3.7 KBtext/markdown
rules/event-handler-types.md3.9 KBtext/markdown
rules/event-keyboard.md3.6 KBtext/markdown
rules/generic-constraints.md4 KBtext/markdown
rules/generic-list.md4.4 KBtext/markdown
rules/generic-select.md3.8 KBtext/markdown
rules/generic-table.md3.7 KBtext/markdown
rules/hook-custom-hooks.md7.2 KBtext/markdown
rules/hook-generic-hooks.md9.4 KBtext/markdown
rules/hook-use-callback.md5.2 KBtext/markdown
rules/hook-use-context.md6.1 KBtext/markdown
rules/hook-use-memo.md6.4 KBtext/markdown
rules/hook-use-reducer.md7.1 KBtext/markdown
rules/hook-useref.md4.3 KBtext/markdown
rules/hook-usestate.md3.9 KBtext/markdown
rules/ref-callback.md3.3 KBtext/markdown
rules/ref-dom-elements.md3.6 KBtext/markdown
rules/ref-imperative-handle.md3.7 KBtext/markdown
rules/_sections.md2 KBtext/markdown
rules/_template.md2.3 KBtext/markdown
rules/util-component-props.md3.8 KBtext/markdown
rules/util-discriminated-unions.md5 KBtext/markdown
rules/util-pick-omit.md4.1 KBtext/markdown
SKILL.md5 KBtext/markdown

来源与署名

来源：asyrafhussin/agent-skills位于skills/typescript-react-patterns提交1aa0ff7

许可证： MIT

内容归原作者所有。SourceWeft 从公开仓库中收录这些内容。

举报或申请下架

更多来自 asyrafhussin/agent-skills 的技能

Web Design Guidelines

asyrafhussin

审查网页界面代码，检查 WCAG 无障碍、表单可用性、动效与性能最佳实践。

Design & Creative866周前更新

Tailwind Best Practices

asyrafhussin

提供 Tailwind CSS v3.4 与 v4 的响应式设计、深色模式、组件、配置与迁移规范。

Software Development866周前更新

State Management

asyrafhussin

React Query v5 与 Zustand v5 状态管理的参考模式，涵盖数据获取、缓存、变更与客户端存储。

Software Development866周前更新

Prd Writing

asyrafhussin

引导智能体按六步流程撰写产品需求文档（PRD）。

Productivity & Workflow866周前更新

Php Best Practices

asyrafhussin

用于审查 PHP 8.x 代码的规则参考，涵盖类型安全、PSR 规范、SOLID 原则、错误处理、性能与安全。

Software Development866周前更新

Laravel Testing

asyrafhussin

面向 Laravel 13 的测试指南，支持 Pest PHP 4 或 PHPUnit 12，涵盖 HTTP、工厂、数据库断言、伪造与认证。

Software Development866周前更新

更多Software Development技能

Playground

anthropics

精选

构建自包含的交互式 HTML 演练场，包含控件、实时预览和可复制的提示词输出。

Software Development37K今天更新

M5 Onboard

anthropics

精选

通过 USB 检测 M5Stack ESP32 开发板，刷写 UIFlow 2.0 固件并安装 MicroPython 应用包。

Software Development37K今天更新

Cardputer Buddy

anthropics

精选

指导迭代 Cardputer-Adv 的 MicroPython 应用包：添加应用、通过 USB 串口推送文件、查看日志并运行 REPL 命令。

Software Development37K今天更新

Web Design Guidelines

vercel-labs

精选

依据从远程来源获取的 Web Interface Guidelines 审查 UI 代码，并以 file:line 形式报告问题。

Software Development32K5周前更新

Vercel React Native Skills

vercel-labs

精选

React Native 与 Expo 最佳实践规则，涵盖列表性能、动画、导航、UI 模式、状态与 monorepo 配置。

Software Development32K5周前更新

Vercel React Best Practices

vercel-labs

精选

Vercel 的 React 与 Next.js 性能指南，以 70 条规则的形式用于编写、审查和重构代码。

Software Development32K5周前更新