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