React 19 patterns with React Compiler — no more manual memoization
React 19 patterns: let the Compiler optimize (no useMemo/useCallback), named imports, server components first, the use() hook, actions with useActionState, ref as prop (no forwardRef)
- What
- React 19 patterns: let the Compiler optimize (no useMemo/useCallback), named imports, server components first, the use() hook, actions with useActionState, ref as prop (no forwardRef)
- Cost
- Free
- Needs
- a React 19 project (React Compiler assumed) — the skill is a patterns guide the agent follows, not software
- Install
- Copy the installer prompt below into your Muse — your agent does the rest.
Curated by Skill Harbor — @gentleman-programming's react-19: an opinionated React 19 patterns skill built around the React Compiler. Required rules: no manual memoization (the Compiler handles optimization automatically — never hand-write useMemo/useCallback), always named imports from "react", server components first with "use client" only when hooks, event handlers or browser APIs are needed, the use() hook for reading promises and conditional context, actions with useActionState (server actions plus pending state), and ref as a plain prop instead of forwardRef. Honest caveats: compact, single-file guidance — no bundled references; the skill's frontmatter claims Apache-2.0 while the catalog manifest records MIT (manifest takes precedence; a frontmatter/manifest divergence already seen on this repo in lot 42). MIT licensed per the manifest. Skill Harbor never reviews the code, review it yourself before use. Discovered via skills.sh.
Version:
Install
Prerequisites: a React 19 project (React Compiler assumed) — the skill is a patterns guide the agent follows, not software Install "React 19 patterns with React Compiler — no more manual memoization" for me. It gives my agent @gentleman-programming's React 19 rules: no manual memoization (let the React Compiler optimize; never hand-write useMemo/useCallback), named imports from "react", server components by default with "use client" only for hooks/event handlers/browser APIs, the use() hook for promises and conditional context, actions with useActionState, and ref as a plain prop instead of forwardRef. License note: the skill's frontmatter claims Apache-2.0 but the catalog manifest records MIT — manifest takes precedence. Repository: https://github.com/gentleman-programming/gentleman-skills/blob/main/curated/react-19/SKILL.md 1. Fetch the SKILL.md file (and any helper files) from the repository path into a temporary folder and summarize what it does in one or two sentences. 2. Safety check: review the SKILL.md and scripts for anything suspicious (unexpected network calls, shell commands, credential harvesting). This repo should contain zero secrets in code. Verify that holds here; STOP on any red flag and tell me. 3. Install it as a skill: copy SKILL.md and its helper files into the agent's skills directory, in a folder named "react-19". 4. Verify with no network calls: frontmatter valid, files in place. 5. Report what was installed, where, and what I still need to do myself (nothing — it's a patterns guide the agent applies when writing React 19 code). GitHub is optional: if I have a GitHub account or the gh CLI, you may use it; otherwise public access is fine. Never require it unless it's in the prerequisites above. Rules: don't touch anything outside the temp folder and the install target. If anything looks off, stop and ask me.
Questions
How do I install a build?
Every product page includes a copy-paste install prompt. Paste it into your Muse and it sets the build up for you — no manual configuration.
Where does my money go?
Straight to the seller. Skill Harbor never processes payments: checkout happens on the seller’s own page, usually Stripe.
What does the ✓ next to a creator’s name mean?
It means we confirmed the identity of the person behind the listing. It says nothing about the code itself — always check a build before installing it.