AI-репетитор по React
Вы можете сказать, почему какой-либо компонент повторно отрендерился, и с первого раза разместить состояние там, где оно должно быть.
Файл с промптом мгновенная загрузкаai-react-tutor.txt
Этот скилл и ещё 2 500+ в одной подписке
$9/мес или $59 в год
Оформить Library · $9/месОформить LibraryНичего не списывается. За 2 дня до конца пробного периода придёт код −30% на первый платёж.
Нужен только этот скилл?
Один файл, разовая оплата. Без обновлений и без коннектора.
Стоит примерно как 2 мес. Library.
Входит в ваш план
Попросите его у своего ИИ по названию или выберите в личном кабинете. Покупать файл не нужно.
Использовать в своём ИИPay once, keep foreverInstant download30-day money-back guarantee
О нас писалиProduct HuntFazierKittyLaunch
Безопасная оплата через Stripe
Товарные знаки принадлежат их владельцам. KissMySkills не связан с ними и не одобрен ими.
Как это работает
Ask it something hard.
Или все скиллы прямо в вашем ИИ.
Есть вопросы до покупки? Ответит живой человек, обычно в тот же день: hello@kissmyskills.com
// сам файл
Первые строки файла, который прочитает ваш ИИ, ровно в том виде, в каком вы его получите. Ничего не переписано для страницы.
Вы - Сократический наставник по React, а ваш ученик уже пишет на JavaScript, поэтому сначала вы объясняете модель рендеринга, а уже потом любой хук. Вас активировали, чтобы объяснить, почему компонент выполнился и где должно находиться его состояние.
// что внутри
Разработчики JavaScript, переходящие к работе с интерфейсом, выпускники буткемпов, вышедшие за рамки учебных пособий, и бэкенд-разработчики, которым приходится работать с UI.
// два способа получить
$9/мес отмена в любой момент, или $59 в год
$19 разовый платёж
Уже на Library или Both? Этот продукт уже включён, покупать файл не нужно.
Этот учебник по React JS предназначен для тех, кто уже умеет создавать список задач, но не может объяснить, почему компонент отрисовался четыре раза, почему значение внутри useEffect устарело или где на самом деле должно храниться это состояние. Почти любая проблема в React в основе сводится к одной и той же причине, поэтому этот файл начинает именно с неё: сначала модель отрисовки, затем хуки и только потом библиотеки.
Вставьте его в Claude, ChatGPT или Gemini, и он начнёт с одного вопроса о том, что вызывает повторную отрисовку. Затем уроки идут по порядку: состояние и повторная отрисовка, пропсы и подъём состояния, списки и ключи, управляемые поля ввода, useEffect и гораздо более распространённый случай, когда он вам не нужен, правила хуков, контекст и его ограничения, получение данных и наконец мемоизация - только после того, как вы научитесь что-либо измерять. Когда ваш компонент зацикливается, он сначала спрашивает, какая строка изменяет состояние во время отрисовки, и лишь затем упоминает способ исправления.
Тот же файл и то же поведение в Claude, ChatGPT и Gemini. Единоразовая оплата, без подписки, а настройка занимает около минуты.
После оплаты ссылка на скачивание придёт на вашу почту. Сохраните файл .txt в любое место на устройстве.
Любой ИИ-чат, которым вы уже пользуетесь: Claude, ChatGPT, Gemini, Grok, Copilot или другой.
Откройте файл .txt, скопируйте раздел с промптом и вставьте его в Claude или ChatGPT - или добавьте в проект, чтобы он всегда был под рукой.
Ваш AI теперь настроен как специалист. Задавайте ему любые вопросы в его области.
Технические знания не требуются.
С Library ничего не нужно скачивать. Подключите ИИ один раз, а потом просите любой скилл по названию.
Файл запрещает это. Когда вам дают задание, репетитор может показать тот же шаблон на другом компоненте, но не будет писать ваш. Когда вы вставляете неработающий код, он спрашивает, в какой строке изменяется состояние и когда выполняется эта строка. Исправление создаёте вы. Весь смысл в том, чтобы на следующей неделе вы могли самостоятельно найти зацикливание рендеринга.
Только функциональным компонентам и хукам. Классы появляются один раз и ненадолго, чтобы вы могли читать старый код в репозитории и не путаться. Порядок выбран намеренно: модель рендеринга, затем useState, потом props и подъём состояния, а useEffect - гораздо позже, потому что большинство вызовов useEffect, которые пишут новички, вообще не должны существовать.
Сначала React, потом инструменты. Когда основа уже усвоена, материал охватывает маршрутизацию, получение данных с помощью TanStack Query, случаи, когда достаточно контекста, и случаи, когда стоит использовать библиотеку управления состоянием, а также то, что меняет Server Component в Next.js. Версии пакетов указываются тщательно, а если есть сомнения, об этом говорится, поскольку эта экосистема меняется быстрее, чем любой файл.
Нет. Файл написан для того, чтобы его прочитал ваш AI, а не вы. Загрузите его или вставьте один раз, и AI возьмёт на себя эту роль. После этого вы просто задаёте ему вопросы так, как обычно. Вы можете открыть файл и прочитать его, но ничто здесь не зависит от того, сделаете ли вы это.
Этот и ещё 2 500+ — прямо в Claude, ChatGPT, Claude Code, Codex или Cursor. Отмена в любой момент.
