beeon.academy
frontendСреднийПопулярный

React.js

Hooks, components, state, routing, data fetching, and architecture. Finish with a portfolio-grade React app deployed to production.

React 19TypeScriptTanStack QueryZustandVite
Длительность
10 weeks
Старт
24 июн.
Студентов
280+
Рейтинг
4.9 / 5
Стоимость
89 000 ֏
Идёт набор
  • 10 weeks (всего 90 ч)
  • Старт 24 июня 2001 г.
  • Формат: гибрид
  • HY · EN
  • Сертификат по окончании
ЗаписатьсяНачать обучение

Для записи оплата не нужна · Мы свяжемся с вами в течение 24 часов

Чему посвящён курс

О курсе

Hooks, components, state, routing, data fetching, and architecture. Finish with a portfolio-grade React app deployed to production.

За 10 weeks (90 ч занятий и проектной работы) вы пройдёте путь от основ до настоящего проекта продакшен-уровня — вместе с Lilit Avetisyan и командой менторов beeon.academy.

Результаты обучения

Чему вы научитесь

Think in components and design clean state
Master hooks — useState, useEffect, useMemo, custom hooks
Fetch and cache data with TanStack Query
Ship a production-grade SPA
Интерактивный курс

Уроки

55 уроков · все открыты, начните с любого
  1. 1Что такое React?30 мин
  2. 2Файлы проекта React25 мин
  3. 3Думать компонентами35 мин
  4. 4JSX — разметка внутри JavaScript35 мин
  5. 5Правила JSX30 мин
  6. 6Выражения в фигурных скобках30 мин
  7. 7Функции-компоненты35 мин
  8. 8Import и export30 мин
  9. 9Сборка компонентов30 мин
  10. 10Props — входы компонента40 мин
  11. 11children — вложенное содержимое25 мин
  12. 12Показать или скрыть30 мин
  13. 13Списки и key40 мин
  14. 14Чистые компоненты30 мин
  15. 15События — клики и ввод35 мин
  16. 16useState — память, которая перерисовывает40 мин
  17. 17Render и commit30 мин
  18. 18Strict Mode30 мин
  19. 19State — снимок35 мин
  20. 20Очередь обновлений30 мин
  21. 21Обновлять объекты и массивы40 мин
  22. 22Выбор структуры state35 мин
  23. 23Формы и управляемые поля40 мин
  24. 24Действия формы40 мин
  25. 25Подъём state наверх35 мин
  26. 26Сохранение и сброс state30 мин
  27. 27useEffect — после отрисовки экрана40 мин
  28. 28useLayoutEffect — до отрисовки30 мин
  29. 29Зависимости и очистка35 мин
  30. 30Возможно, эффект не нужен35 мин
  31. 31Событие или эффект30 мин
  32. 32Загрузка данных45 мин
  33. 33useRef — коробка, из‑за которой React не перерисовывает30 мин
  34. 34Ref как prop35 мин
  35. 35useContext — общие данные40 мин
  36. 36useReducer — много связанных обновлений40 мин
  37. 37Reducer и context вместе40 мин
  38. 38Свои хуки35 мин
  39. 39Правила хуков30 мин
  40. 40useMemo — запомнить вычисление30 мин
  41. 41useCallback — запомнить функцию30 мин
  42. 42memo — пропустить render ребёнка30 мин
  43. 43Переходы35 мин
  44. 44Suspense и lazy35 мин
  45. 45useId — уникальные id25 мин
  46. 46Доступность40 мин
  47. 47Стили компонентов35 мин
  48. 48Порталы — рисовать вне родителя30 мин
  49. 49Границы ошибок35 мин
  50. 50Маршруты45 мин
  51. 51Данные сервера и кэш40 мин
  52. 52Тестирование компонентов40 мин
  53. 53React DevTools30 мин
  54. 54Render props и HOC35 мин
  55. 55Финал: небольшой список задач50 мин
Модули курса

Программа

  1. 1
    • Components & props
    • State & events
    • Lists & keys
    • Lifting state up
  2. 2
  3. 3
  4. 4
Что нужно для старта

Требования

  • Solid JavaScript fundamentals
  • Basic Git
Учитесь у практикующего инженера

Ваш преподаватель

LA

Lilit Avetisyan

React Lead · beeon.academy

Senior engineer with 10+ years building production web apps. Has mentored over 800 students across full-stack and frontend tracks.

Что говорят выпускники

Отзывы студентов

“The course was structured perfectly — I went from zero to shipping real projects in months.”
A
Anna G.
Выпускник
“Mentors gave hands-on feedback every week. I landed an internship before the course was even over.”
D
David S.
Выпускник
“Loved the project-based approach. I genuinely felt ready for real engineering work.”
M
Mariam P.
Выпускник
Частые вопросы

FAQ

Most of our beginner courses require no prior experience — just curiosity. Intermediate and advanced tracks have prerequisites listed on each course page.
Стоимость
89 000 ֏
Записаться