mir-frontend-reactlisted

Make It Right (React reactivity tier). React 19 + React Compiler reactivity footguns shared across EVERY React meta-framework (Next.js, React Router 7/Remix, TanStack Start, Vite SPA) — distinct from the generic frontend gates and from any one framework's mechanics. Covers the Rules of Hooks, effect-dependency discipline (derive in render; effects are for external sync only), stale closures, list-key correctness, use() and promise identity, granular Suspense + Error Boundary placement, useTransition/useDeferredValue for INP, React Compiler 1.0 interop (blind useMemo/useCallback is now a liability; the 'use no memo' opt-out), the server-state-vs-client-state boundary (TanStack Query, not useState mirrors), and React-layer security (raw-HTML props, LLM-output rendering, secrets in the bundle). Chains: mir-frontend → this → mir-frontend-react-next. TRIGGER when the reactivity library is React, including React Server Components — render purity, promise identity and Suspense placement apply on the server too. SKIP
anantbhandarkar/make-it-right · ★ 15 · Web & Frontend · score 81

Install: claude install-skill anantbhandarkar/make-it-right

# /mir-frontend-react · Make It Right (React reactivity tier) Middle tier. `mir-frontend` decides **what is correct** (any reactive UI); this owns **React's reactivity model**, shared by all React meta-frameworks; the framework module knows the library's mechanics. Load order: `mir-frontend` → `mir-frontend-react` → `<framework module>`. These footguns apply equally to Next.js, React Router 7 (Framework Mode), TanStack Start, and a Vite SPA. Framework-specific wiring (RSC boundary, Server Actions, hydration, file-based routing, framework caching) lives in the framework module — not here. ## Version floor (checked against the npm registry and react.dev, 13 Aug 2026) | Package | Current stable | Notes | |---|---|---| | `react` / `react-dom` | **19.2.8** (21 Jul 2026) | React 19 is still the current major. 19.3 exists only as a canary; there is no React 20. | | `react-server-dom-webpack` / `-parcel` / `-turbopack` | 19.2.8 · 19.1.9 · 19.0.8 | Security floor, not a preference — see Security. | | `babel-plugin-react-compiler` | **1.0.0** (7 Oct 2025) | Still the only stable release. No 1.1 line exists. | | `react-compiler-runtime` | 1.0.0 | Only needed when targeting React 17/18. On React 19 the compiler imports `react/compiler-runtime`. | | `eslint-plugin-react-hooks` | **7.1.1** (17 Apr 2026) | Requires Node 18+; supports ESLint 9 and 10. | | `eslint-plugin-react-compiler` | never left RC (`19.1.0-rc.2`) | Dead package, folded into `eslint-plugin-react-hooks`. Uninstall it.