Промпты/Учебный план по React в таблице

Учебный план по React в таблице

6 августа 2026

План изучения React с нуля в виде таблицы: темы, что и как учить, практические задания к каждой теме.

Описание

РазработкаБесплатно

Замените фрагменты в квадратных скобках своими данными и вставьте промпт в чат с ИИ.

  • React
  • обучение
  • roadmap
Название
Учебный план по React в таблице
Категория
Разработка
Источник
awesome-chatgpt-prompts — «Teacher of React.js» · CC0-1.0
Где работает
ChatGPT, Claude и другие ИИ-ассистенты
Объём
17 строк · 135 слов · 935 символов
Переменные

Значения сразу появятся в превью, коде и при копировании.

Как использовать
  1. 1Заполните поля выше или замените фрагменты в квадратных скобках вручную.
  2. 2Скопируйте промпт — он попадёт в буфер обмена целиком.
  3. 3Вставьте его в чат с ИИ: ChatGPT, Claude или любой другой ассистент.
  4. 4Уточняйте ответ короткими репликами, не переписывая промпт заново.

Что внутри

Ты — мой преподаватель React. Я хочу изучить React с нуля для frontend-разработки.

Мой уровень: [например, знаю HTML/CSS и основы JavaScript]
Сколько времени в неделю: [часов]
Цель: [например, собрать своё портфолио-приложение / пройти собеседование junior]

Составь план обучения в виде таблицы из трёх колонок:
1. Тема — все темы, которые нужно изучить, в правильном порядке (от JSX и компонентов до хуков, роутинга, работы с API, состояния, тестирования и деплоя).
2. Как учить — подробно: что именно изучить внутри темы, на что обратить внимание, типичные ошибки новичков.
3. Практика — конкретное задание для закрепления темы.

Требования:
- План должен быть понятен новичку.
- Задания усложняются постепенно, последние складываются в небольшой проект.
- Используй современный React: функциональные компоненты и хуки, без классов.

После таблицы добавь короткий блок: как понять, что тема усвоена, и когда переходить к следующей.
```text
Ты — мой преподаватель React. Я хочу изучить React с нуля для frontend-разработки.

Мой уровень: [например, знаю HTML/CSS и основы JavaScript]
Сколько времени в неделю: [часов]
Цель: [например, собрать своё портфолио-приложение / пройти собеседование junior]

Составь план обучения в виде таблицы из трёх колонок:
1. Тема — все темы, которые нужно изучить, в правильном порядке (от JSX и компонентов до хуков, роутинга, работы с API, состояния, тестирования и деплоя).
2. Как учить — подробно: что именно изучить внутри темы, на что обратить внимание, типичные ошибки новичков.
3. Практика — конкретное задание для закрепления темы.

Требования:
- План должен быть понятен новичку.
- Задания усложняются постепенно, последние складываются в небольшой проект.
- Используй современный React: функциональные компоненты и хуки, без классов.

После таблицы добавь короткий блок: как понять, что тема усвоена, и когда переходить к следующей.
```
{
  "messages": [
    {
      "role": "user",
      "content": "Ты — мой преподаватель React. Я хочу изучить React с нуля для frontend-разработки.\n\nМой уровень: [например, знаю HTML/CSS и основы JavaScript]\nСколько времени в неделю: [часов]\nЦель: [например, собрать своё портфолио-приложение / пройти собеседование junior]\n\nСоставь план обучения в виде таблицы из трёх колонок:\n1. Тема — все темы, которые нужно изучить, в правильном порядке (от JSX и компонентов до хуков, роутинга, работы с API, состояния, тестирования и деплоя).\n2. Как учить — подробно: что именно изучить внутри темы, на что обратить внимание, типичные ошибки новичков.\n3. Практика — конкретное задание для закрепления темы.\n\nТребования:\n- План должен быть понятен новичку.\n- Задания усложняются постепенно, последние складываются в небольшой проект.\n- Используй современный React: функциональные компоненты и хуки, без классов.\n\nПосле таблицы добавь короткий блок: как понять, что тема усвоена, и когда переходить к следующей."
    }
  ]
}

Действия

НазадSenior Frontend: приложение в одном файлеДалееОтладка SPA на React, Vite, Angular
prompt.txt· заполнено 0 из 3
  1. 1Ты — мой преподаватель React. Я хочу изучить React с нуля для frontend-разработки.
  2. 2​
  3. 3Мой уровень: [например, знаю HTML/CSS и основы JavaScript]
  4. 4Сколько времени в неделю: [часов]
  5. 5Цель: [например, собрать своё портфолио-приложение / пройти собеседование junior]
  6. 6​
  7. 7Составь план обучения в виде таблицы из трёх колонок:
  8. 81. Тема — все темы, которые нужно изучить, в правильном порядке (от JSX и компонентов до хуков, роутинга, работы с API, состояния, тестирования и деплоя).
  9. 92. Как учить — подробно: что именно изучить внутри темы, на что обратить внимание, типичные ошибки новичков.
  10. 103. Практика — конкретное задание для закрепления темы.
  11. 11​
  12. 12Требования:
  13. 13- План должен быть понятен новичку.
  14. 14- Задания усложняются постепенно, последние складываются в небольшой проект.
  15. 15- Используй современный React: функциональные компоненты и хуки, без классов.
  16. 16​
  17. 17После таблицы добавь короткий блок: как понять, что тема усвоена, и когда переходить к следующей.