Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

  1. Урок 1. 00:04:33
    Обзор курса - что будем изучать
  2. Урок 2. 00:07:08
    Что такое React и его преимущества над классической разработкой
  3. Урок 3. 00:02:51
    Пререквизит знаний и где добирать при наличии пробелов
  4. Урок 4. 00:03:03
    Что необходимо установить
  5. Урок 5. 00:09:39
    Варианты окружения
  6. Урок 6. 00:08:54
    Библиотеки React и ReactDOM
  7. Урок 7. 00:08:35
    Простое приложение на чистом React
  8. Урок 8. 00:07:03
    Преобразование приложения в JSX
  9. Урок 9. 00:02:07
    Разбор задания по преобразованию компонента в JSX
  10. Урок 10. 00:10:21
    Особенности JSX
  11. Урок 11. 00:05:51
    Разделение приложения на модули
  12. Урок 12. 00:03:22
    Условная отрисовка
  13. Урок 13. 00:03:24
    Пример с прелоадером
  14. Урок 14. 00:14:04
    Разбор составляющих базового React-шаблона
  15. Урок 15. 00:09:16
    Понятие React-компонента
  16. Урок 16. 00:11:36
    Состояние компонента и управление им
  17. Урок 17. 00:04:13
    Нюансы создания методов в классовых компонентах
  18. Урок 18. 00:04:10
    Разбор практики с кликером
  19. Урок 19. 00:17:47
    Понятие жизненного цикла React-компонента
  20. Урок 20. 00:01:04
    Задание на создание таймера: что надо сделать
  21. Урок 21. 00:08:08
    Разбор практики по созданию таймера
  22. Урок 22. 00:05:00
    Работа с коллекциями и атрибутом key
  23. Урок 23. 00:10:26
    Однонаправленный поток данных и состояния
  24. Урок 24. 00:00:43
    Задание на обновление состояния через дочерние компоненты: что надо сделать
  25. Урок 25. 00:03:56
    Разбор практики по обновлению состояния через дочерние компоненты
  26. Урок 26. 00:01:24
    Отличие классовых компонентов от функциональных в классическом понимании
  27. Урок 27. 00:10:24
    Управляемые компоненты - принцип единой ответственности
  28. Урок 28. 00:07:14
    Валидация значений формы
  29. Урок 29. 00:08:41
    Элементы checkbox, radio button, select, textarea
  30. Урок 30. 00:01:14
    Задание на создание формы подписки: что надо сделать
  31. Урок 31. 00:07:17
    Решение практики по созданию формы подписки
  32. Урок 32. 00:08:54
    Использование рефов и управление фокусом
  33. Урок 33. 00:04:59
    Неуправляемые компоненты
  34. Урок 34. 00:02:02
    Обзор проекта "Фильмы". Постановка задачи
  35. Урок 35. 00:16:04
    Подготовка проекта, создание шапки и подвала
  36. Урок 36. 00:06:55
    Знакомство с API базой фильмов
  37. Урок 37. 00:01:28
    Задание на создание общего списка фильмов
  38. Урок 38. 00:15:48
    Решение практики по созданию общего списка фильмов
  39. Урок 39. 00:07:27
    Добавление строки поиска
  40. Урок 40. 00:04:48
    Решение практики по реализации поиска фильмов
  41. Урок 41. 00:01:10
    Задание на добавление фильтрации по категории: что надо сделать
  42. Урок 42. 00:13:03
    Решении практики по добавлению фильтрации по категориям
  43. Урок 43. 00:04:04
    Обработка неудачного поиска
  44. Урок 44. 00:04:02
    Безопасное хранение ключа API
  45. Урок 45. 00:13:35
    Сборка приложения и выгрузка на продакшн
  46. Урок 46. 00:08:22
    Работа с состоянием в функциональном компоненте
  47. Урок 47. 00:01:27
    Решение практики по созданию кликера через функциональный компонент
  48. Урок 48. 00:07:41
    Управление жизненным циклом через функциональный компонент
  49. Урок 49. 00:08:24
    Использование рефов в функциональном компоненте
  50. Урок 50. 00:16:24
    Решение практики по рефакторингу таймера в функциональный компонент
  51. Урок 51. 00:07:31
    Рефакторинг проекта с фильмами, часть 1
  52. Урок 52. 00:04:48
    Рефакторинг проекта с фильмами, часть 2
  53. Урок 53. 00:08:55
    useState
  54. Урок 54. 00:08:13
    useEffect
  55. Урок 55. 00:13:44
    useContext
  56. Урок 56. 00:06:01
    useLayoutEffect
  57. Урок 57. 00:12:30
    useCallback, useMemo
  58. Урок 58. 00:07:28
    useImperativeHandle
  59. Урок 59. 00:10:57
    useReducer
  60. Урок 60. 00:06:58
    Пользовательские хуки
  61. Урок 61. 00:03:07
    Правила использования хуков
  62. Урок 62. 00:07:19
    Рефакторинг таймера с использованием useReducer
  63. Урок 63. 00:01:12
    Презентация проекта
  64. Урок 64. 00:06:23
    Обзор API, что доступно, как использовать
  65. Урок 65. 00:10:08
    Подготовка проекта, шапка и футер
  66. Урок 66. 00:18:48
    Вывод списка товаров
  67. Урок 67. 00:07:38
    Состояние заказа, иконка корзины
  68. Урок 68. 00:11:48
    Решение: функция добавления товара в заказ
  69. Урок 69. 00:19:21
    Создание корзины, пересчет суммы заказа в корзине
  70. Урок 70. 00:06:06
    Функция удаления товара из корзины
  71. Урок 71. 00:07:34
    Решение: Изменение количества товара в корзине
  72. Урок 72. 00:15:18
    Добавление подсказки о добавлении товара
  73. Урок 73. 00:08:54
    Публикация проекта на GitHub Pages
  74. Урок 74. 00:02:11
    Концепция использования Context API и useReducer вместо пропсов
  75. Урок 75. 00:06:26
    Создание контекста с провайдером
  76. Урок 76. 00:08:21
    Создание редюсера, добавление первых кейсов
  77. Урок 77. 00:09:50
    Решение: Доработка редьюсера и методов в контексте
  78. Урок 78. 00:15:44
    Переключение всех компонентов на контекст вместо пропсов
  79. Урок 79. 00:01:58
    Обзор сделанного
  80. Урок 80. 00:01:43
    Роутинг и SPA, обзор проекта
  81. Урок 81. 00:11:41
    Базовый роутинг
  82. Урок 82. 00:03:53
    Компонент Link
  83. Урок 83. 00:09:23
    Хуки useParams, useHistory
  84. Урок 84. 00:02:57
    Хуки useLocation, useRouteMatch
  85. Урок 85. 00:04:49
    Вложенный роутинг
  86. Урок 86. 00:04:04
    Обзор API для проекта
  87. Урок 87. 00:06:55
    API настройка методов
  88. Урок 88. 00:13:26
    Главная страница с категориями
  89. Урок 89. 00:11:31
    Страница категории с блюдами
  90. Урок 90. 00:24:22
    Страница с рецептом
  91. Урок 91. 00:17:32
    Поиск на главной
  92. Урок 92. 00:03:25
    Нюанс выкладки на продакшн SPA-приложения
  93. Урок 93. 00:16:06
    Обновления React 18
  94. Урок 94. 00:01:15
    Итоги курса