# React Pinning
> Готовый блок script-тегов React/ReactDOM/Babel с integrity-хешами для HTML-артефактов с inline JSX. Триггеры: «pin react», «integrity хеши».
- Skill: `jhamidun/react-pinning` (Agent Skill)
- Install (CLI): `npx skillmds@latest add jhamidun/react-pinning`
- Raw SKILL.md: https://api.skillmd.com/api/skills/jhamidun/react-pinning/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: JHamidun (https://skillmd.com/u/jhamidun)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/jhamidun/react-pinning
---
# React pinning
Babel + JSX + React в браузере без bundler'а — хрупкая связка. Минор-апгрейд React'а ломает Babel transform; апгрейд Babel ломает React 18 deprecations. Только закреплённые версии с проверенными integrity-хешами.
## Готовый блок
Скопируй в ``:
```html
```
## Правила
### 1. Не используй `react@18` без minor
- ❌ `https://unpkg.com/react@18/umd/...` — unpkg отдаст последний `18.x`, может оказаться `18.4` с breaking changes.
- ✅ `react@18.3.1` — точная версия.
### 2. Не убирай integrity
Без integrity unpkg может отдать что угодно при компрометации CDN. С хешем — браузер откажется грузить.
### 3. Не миксуй development и production-сборки
В development-сборках есть warnings и hot-reload поддержка. В production — оптимизировано. **Для прототипов используй development.dev.js** — лучше ловить ошибки.
### 4. Babel — `@babel/standalone`, не отдельные плагины
Inline JSX работает только через standalone. Не пытайся подключить `@babel/preset-react` отдельно — не загрузится.
### 5. Подключение JSX-файлов
```html
```
Не `type="module"` — Babel не транспилит модули.
### 6. Каждый `
```
Работает в чистом ES-модуле, без Babel. Но JSX тогда не транспилировать — пиши на `React.createElement`.
## Что не делать
- ❌ `https://cdn.jsdelivr.net/...` без integrity — те же риски.
- ❌ `latest` в URL — невоспроизводимо.
- ❌ Скопировать react.development.js локально и забыть. Если у пользователя нет npm — он не починит при обновлении.
- ❌ `import` в `