Репетитор по React JS: AI-репетитор по React для Claude

Name: AI-репетитор по React
Brand: KissMySkills
Price: 19.0 USD
Availability: InStock

AI React Tutor AI skill by KissMySkills, cover

AI-репетитор по React

$19.00

AI-репетитор по React

$19.00 this skill vs $65+/hr hiring a React tutor

Complete skill package instant downloadai-react-tutor.txt

Works with

Choose how to get it

Buy once $19 This one skill as a file. Yours forever, works in any AI chat. All-Access whole library $8.25/mo billed yearly All 1,000+ skills in the marketplace. Your AI picks the right one and loads it by itself. Claude, ChatGPT, Claude Code, Cursor · or $19 month to month

Secure checkout by Shopify

⚡ Мгновенная загрузка ∞ Сохранить навсегда ✎ Написано нами

Add it once. Your AI works like a specialist.

Добавьте это в Claude, ChatGPT или Gemini - ваш AI работает как специалист в этой области.

Мгновенная загрузка · 30-дневная гарантия возврата денег. Заплатите один раз и пользуйтесь навсегда - никакой подписки. Написано и протестировано нами, а не собрано с GitHub. Политика возврата средств

Ask it something hard.

📎 ai-react-tutor.md LOADED ✓

I get Too many re-renders and I cannot see what is looping.

CLAUDE · WITH THIS SKILL You get: a request for the whole component, not the line the error points at -> a question about which lines call a set function and whether any of them run during render -> your answer, that onClick={setOpen(true)} is on a button -> a short explanation of the difference between passing a function and calling one -> a worked example on a different component showing both forms side by side -> your turn, say what value your onClick prop actually receives at render time -> you work out that it receives the result of calling setOpen -> the concept named, event handlers take a function, not its result -> next action: check every handler in the file for the same shape.

Есть вопросы перед покупкой?

Напишите нам, и вам ответит человек - обычно в тот же день. Не бот и не очередь заявок.

hello@kissmyskills.com

Trademarks of their respective owners. KissMySkills is not affiliated with or endorsed by them.

Вы не читаете. Это делает ваш AI.

Один раз добавьте файл навыка в Claude, ChatGPT или Gemini. После этого он будет работать как специалист в этой области, начиная уже со следующего сообщения.

Купите один раз, и файл навсегда останется у вас. Или подпишитесь на All-Access, и коннектор KissMySkills будет загружать его и любой другой навык в ваш чат по запросу.

// what's inside

Что входит в этот навык

The render model taught before any hook
You probably do not need that useEffect, and it shows you why
Keys, stale closures and too many re-renders, explained by cause
Memoisation last, and only when you can measure the problem

JavaScript developers moving into front end work, bootcamp graduates past the tutorial stage, and back end developers who have to touch the UI.

// what's inside

What you're actually buying

Этот учебник по React JS предназначен для тех, кто уже умеет создавать список задач, но не может объяснить, почему компонент отрисовался четыре раза, почему значение внутри useEffect устарело или где на самом деле должно храниться это состояние. Почти любая проблема в React в основе сводится к одной и той же причине, поэтому этот файл начинает именно с неё: сначала модель отрисовки, затем хуки и только потом библиотеки.

Вставьте его в Claude, ChatGPT или Gemini, и он начнёт с одного вопроса о том, что вызывает повторную отрисовку. Затем уроки идут по порядку: состояние и повторная отрисовка, пропсы и подъём состояния, списки и ключи, управляемые поля ввода, useEffect и гораздо более распространённый случай, когда он вам не нужен, правила хуков, контекст и его ограничения, получение данных и наконец мемоизация - только после того, как вы научитесь что-либо измерять. Когда ваш компонент зацикливается, он сначала спрашивает, какая строка изменяет состояние во время отрисовки, и лишь затем упоминает способ исправления.

Тот же файл и то же поведение в Claude, ChatGPT и Gemini. Единоразовая оплата, без подписки, а настройка занимает около минуты.

ai-react-tutor.txt

# AI React Tutor
KissMySkills.com | Install: paste this whole file into Claude Projects (Project instructions), a custom GPT (Instructions), a Gemini Gem, or your AI's system prompt. Then tell it what you want to learn.

## Who you are
You are a Socratic React tutor. Your learner writes JavaScript already, so you never explain array methods. You teach the render model before any hook, because nearly every React bug is a misunderstanding of when a component runs. You are short, you use their code whenever they have some, and you never write the component they were set to write.

## What you know about React
- The render model: a component is a function that runs on every render. State changes schedule a render. Nothing runs on mount except by arrangement.
- State: useState, the setter as a request not an assignment, updater functions, and why state is per component instance.
- Props flow

Пример из фактического файла, который вы скачаете.

// how to install Меньше 2 минут

Четыре шага. Любой чат AI.

01
Скачайте файл
После оформления заказа ссылка для скачивания будет отправлена вам на электронную почту. Сохраните файл в любом месте на вашем устройстве.
02
Откройте свой чат AI
Claude, ChatGPT, Gemini, Grok или Copilot - какой бы вы уже ни использовали.
03
Вставьте содержимое файла
Вставьте это в системный prompt, инструкции проекта или поле пользовательских инструкций.
04
Начать работу
Ваш AI теперь настроен как специалист. Задавайте ему любые вопросы в его области.

Технические знания не требуются. Без подписки. Заплатите один раз и пользуйтесь навсегда.

// compatible with

Работает со всеми основными AI-чатами.

Перетащите файл в системный prompt вашего AI, инструкции проекта или пользовательские инструкции. Никаких настроек. Никакого кода. Никакой привязки к поставщику.

// faq

Вопросы об этом товаре

Will this React JS tutor build the component for me?+

The file forbids it. When you are set a task, the tutor can show the same pattern on a different component, but it will not write yours. When you paste broken code it asks which line changes state and when that line runs. You produce the fix. The whole point is that you can debug a render loop next week on your own.

Does it teach hooks or class components?+

Function components and hooks only. Classes appear once, briefly, so you can read old code in a repository without being confused by it. The order is deliberate: the render model, then useState, then props and lifting state, then useEffect much later, because most useEffect calls beginners write should not exist.

What about Next.js, Redux and the rest of the ecosystem?+

React first, tools after. Once the core holds, it covers routing, data fetching with TanStack Query, when context is enough and when a state library earns its place, and what a Server Component changes in Next.js. It names package versions carefully or says it is unsure, since this ecosystem changes faster than any file can.

Do I have to read it myself?+

No. The file is written for your AI to read, not for you. Upload it or paste it in once and the AI takes on the role. After that you just ask it questions the way you normally would. You're welcome to open it and read it, but nothing here depends on you doing that.

Is this a physical book?+

No, it's digital. You download it the moment the order goes through and it's yours permanently. The cover is styled like a book because each edition is written and edited as one self-contained piece of work. The reading part is your AI's job, not yours.