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

  1. Урок 1. 00:01:22
    Введение
  2. Урок 2. 00:34:45
    Разметка на React
  3. Урок 3. 00:17:31
    Parcel и JSX
  4. Урок 4. 00:04:47
    Create-react-app
  5. Урок 5. 00:00:33
    Приветствие
  6. Урок 6. 00:15:11
    О компонентном подходе
  7. Урок 7. 00:34:08
    Делаем компонент Button
  8. Урок 8. 00:07:48
    Условный рендеринг
  9. Урок 9. 00:08:57
    Делаем компонент ButtonsGroup
  10. Урок 10. 00:06:53
    Добавляем состояние в ButtonsGroup
  11. Урок 11. 00:12:12
    Делаем компонент Progress
  12. Урок 12. 00:00:53
    Приветствие
  13. Урок 13. 00:02:48
    Главное требование современного интерфейса
  14. Урок 14. 00:16:04
    Как рендерит браузер
  15. Урок 15. 00:02:56
    Как решали проблему частных ререндеров до реакта
  16. Урок 16. 00:16:09
    Как работает реакт, преимущества и недостатки
  17. Урок 17. 00:05:25
    Реакт — это библиотека
  18. Урок 18. 00:04:08
    Выбираем проект
  19. Урок 19. 00:17:47
    Настраиваем окружение
  20. Урок 20. 00:01:31
    Приветствие
  21. Урок 21. 00:02:29
    Понимание задачи и поиск аналогов
  22. Урок 22. 00:08:45
    Проектирование на бумажке
  23. Урок 23. 00:03:18
    Создаем бекенд в Firebase и запускаем проект
  24. Урок 24. 00:13:12
    Создаем структуру приложения
  25. Урок 25. 00:19:50
    Верстаем список досок
  26. Урок 26. 00:16:28
    Загружаем список досок с сервера
  27. Урок 27. 00:30:17
    Делаем создание доски
  28. Урок 28. 00:10:28
    Синхронизируем данные между компонентами
  29. Урок 29. 00:10:13
    Однонаправленный поток данных
  30. Урок 30. 00:21:21
    Верстаем колонки
  31. Урок 31. 00:22:49
    Создаем колонки
  32. Урок 32. 00:03:22
    Удаляем колонки
  33. Урок 33. 00:11:03
    Карточки
  34. Урок 34. 00:25:28
    Синхронизируем данные между панелями
  35. Урок 35. 00:09:01
    Плохо ли использовать чужое
  36. Урок 36. 00:00:26
    Приветствие
  37. Урок 37. 00:19:04
    Рефакторим бекенд досок
  38. Урок 38. 00:10:55
    Рефакторим бекенд карточек и колонок
  39. Урок 39. 00:11:06
    Рефакторим состояние в App, используем кастомные хуки
  40. Урок 40. 00:38:43
    Рефакторим состояние, используем контекст реакта
  41. Урок 41. 00:08:05
    Правим баги в приложении
  42. Урок 42. 00:00:25
    Приветствие
  43. Урок 43. 00:27:12
    Классовые компоненты
  44. Урок 44. 00:21:50
    Error Boundary
  45. Урок 45. 00:22:24
    Дизайн колонок
  46. Урок 46. 00:40:50
    Переделываем создание колонок
  47. Урок 47. 00:00:23
    Приветствие
  48. Урок 48. 00:33:06
    Понимаем роутер
  49. Урок 49. 00:31:23
    Подключаем router-5
  50. Урок 50. 00:15:45
    Передаем параметры в роут
  51. Урок 51. 00:01:01
    Приветствие
  52. Урок 52. 00:35:31
    Верстаем шапку, разбираемся с фигмой
  53. Урок 53. 00:09:04
    Верстаем подвал
  54. Урок 54. 00:50:32
    Верстаем контент
  55. Урок 55. 00:31:03
    Подключаем react-router
  56. Урок 56. 00:13:46
    Простая анимация при переключении роутов
  57. Урок 57. 00:24:39
    Сложная анимация при переключении роутов
  58. Урок 58. 00:13:42
    Архитектура Redux
  59. Урок 59. 00:14:15
    Подключаем редакс к проекту
  60. Урок 60. 00:23:20
    Переписываем useAppState на редакс
  61. Урок 61. 00:18:30
    Подключаем редакс к интерфейсу
  62. Урок 62. 00:08:37
    Redux Devtools Extension
  63. Урок 63. 00:31:14
    Асинхронность в экшенах, redux-thunk
  64. Урок 64. 00:09:38
    Миддлвэры
  65. Урок 65. 00:00:20
    Приветствие
  66. Урок 66. 00:33:53
    Рефакторинг анимации
  67. Урок 67. 00:20:35
    Порталы
  68. Урок 68. 00:16:13
    Хоки и рендер пропы
  69. Урок 69. 00:01:14
    Приветствие
  70. Урок 70. 00:06:17
    Селекторы
  71. Урок 71. 00:07:28
    Разделяем экшены по фичам
  72. Урок 72. 00:10:46
    Разделяем редьюсеры по фичам
  73. Урок 73. 00:06:41
    Разделяем селекторы и экшнтайпы по фичам
  74. Урок 74. 00:03:27
    Рефакторим состояние
  75. Урок 75. 00:26:57
    Архитектура по фичам
  76. Урок 76. 00:04:33
    О проектировании архитектуры фронтенда
  77. Урок 77. 00:25:57
    Создаем страницу карточки
  78. Урок 78. 00:12:52
    Подключаем маркдаун
  79. Урок 79. 00:01:04
    Приветствие
  80. Урок 80. 00:04:31
    Откуда вообще берутся лаги
  81. Урок 81. 00:04:37
    Следим за сборщиком мусора
  82. Урок 82. 00:04:23
    Вычисляем утечки памяти
  83. Урок 83. 00:06:51
    Вычисляем долгие скрипты
  84. Урок 84. 00:07:48
    Профайлер реакта, понимаем React.memo
  85. Урок 85. 00:03:47
    useCallback
  86. Урок 86. 00:03:55
    useMemo
  87. Урок 87. 00:03:24
    Подключаем why-did-you-render
  88. Урок 88. 00:30:31
    lazy и Suspense
  89. Урок 89. 00:20:25
    Оптимизируем канбан
  90. Урок 90. 00:00:41
    Приветствие
  91. Урок 91. 00:26:54
    Редактирование досок
  92. Урок 92. 00:16:41
    Редактирование колонок
  93. Урок 93. 00:22:20
    Редактирование карточек
  94. Урок 94. 00:09:57
    Удаление карточек
  95. Урок 95. 00:08:49
    Деплоим приложение
  96. Урок 96. 00:00:44
    2 часть занятия
  97. Урок 97. 00:04:12
    redux-toolkit
  98. Урок 98. 00:04:13
    TypeScript и тесты
  99. Урок 99. 00:02:37
    Остальные библиотеки
  100. Урок 100. 00:03:29
    React Native
  101. Урок 101. 00:02:12
    Нативный JS, алгоритмы и паттерны
  102. Урок 102. 00:05:31
    Софт скиллы, самостоятельность
  103. Урок 103. 00:09:08
    Что делать джуниору
  104. Урок 104. 00:02:14
    Что мне помогает в поиске работы
  105. Урок 105. 00:03:52
    Подводим итоги