← All skills

react-patterns

75 / 100 · Review before installing

Check before installing. Some of what it can do is expected: a coding skill usually runs build and test commands.

By giuseppe-trisciuoglio/developer-kit (GitHub) · coding · 367 stars · scanned at commit fe73fb3

Provides comprehensive React 19 patterns for Server Components, Server Actions, useOptimistic, useActionState, useTransition, concurrent features, Suspense boundaries, and TypeScript integration. Generates executable code patterns, validates security for public endpoints, and optimizes performance with React Compiler or manual memoization. Proactively use when building React 19 applications with Next.js App Router, implementing optimistic UI, or optimizing concurrent rendering.

Works with any agent that supports SKILL.md skills.

Partially scanned — some files couldn't be read; we'll retry on the next scan

What this skill can do

Safer alternatives

Low-risk skills in the same category (coding) that look related. Check that one does what you need.

• 100 Low riskreact-expertPIXARTSeu/Synapse · 12 stars
• 90 Low riskreact19-concurrent-patternsboshi-xixixi/TraeSkill · 283 stars
• 100 Low riskreact-patternsyanacuti1121/Yana-AI · 11 stars

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'react-patterns' ] || [ -L ~/.agents/skills/'react-patterns' ]; then echo 'A skill folder named react-patterns already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/giuseppe-trisciuoglio/developer-kit' "$d" && git -C "$d" checkout --quiet 'fe73fb33a09ee6562eeec7415a3f9a3bcf795177' -- 'plugins/developer-kit-typescript/skills/react-patterns' && mkdir -p ~/.agents/skills && cp -R "$d"/'plugins/developer-kit-typescript/skills/react-patterns' ~/.agents/skills/'react-patterns' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'react-patterns' ~/.claude/skills/'react-patterns' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for giuseppe-trisciuoglio/developer-kit shows the score of its lowest-scoring skill.

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/giuseppe-trisciuoglio/developer-kit.svg)](https://zalavijaysinh.github.io/skilltrust/repos/giuseppe-trisciuoglio/developer-kit/)

Score history