← Products

Frontend
⚙ Needs: a React 19 project (React Compiler assumed) — the sk…

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)

At a glance
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.

Version:

@
Created by: @gentleman-programming
⌁

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.