ВЕСЬ React в одном собеседовании. 100 вопросов + 20 задач за 2 часа
Это видео представляет собой структурированный разбор ключевых тем React, необходимых для успешного прохождения технического собеседования. Формат сочетает теоретические вопросы с практическим решением задач. 00:00:00 Введение: тема собеседования по React 00:01:44 Что такое React 00:02:43 React как библиотека 00:03:40 SPA-приложения 00:05:25 Компонентный подход 00:06:12 JSX 00:07:11 Состояние и props 00:08:05 Рендеринг списков 00:09:44 Условный рендеринг 00:12:38 Триггеры рендера 00:13:08 Изменение пропсов и перерендер 00:14:25 Роль хуков в React 00:15:41 Основные хуки 00:16:37 Дополнительные хуки 00:18:34 Оптимизация с помощью мемоизации 00:21:02 Жизненные циклы компонентов 00:23:01 Фазы жизненного цикла 00:24:21 Жизненные циклы компонента 00:25:13 Жизненные циклы в функциональных компонентах 00:26:47 Ленивая инициализация состояния 00:27:28 React Children 00:28:27 Обработка данных запроса 00:32:59 Рефакторинг компонента 00:37:38 Оптимизация функции 00:41:07 Работа с запросами и событиями 00:42:37 Сервис «Хаб» 00:43:54 Функциональность тренажёра 00:44:55 Задания на консоль 00:46:23 React Memo 00:51:14 Рефакторинг кода 00:54:24 Обработка событий в React 00:55:54 React Fragment 00:56:15 Проп-дриллинг 00:57:10 Контексты в React 00:57:33 Контролируемые и неконтролируемые входы 00:58:27 Порталы в React 00:59:54 Создание контекста 01:00:54 useEffect vs useLayoutEffect 01:01:32 Использование useRef 01:02:31 Кастомные хуки 01:03:30 Мемоизация и кэширование 01:06:04 Хуки как декораторы 01:07:11 UserUseContext 01:08:04 ImperativeHandle 01:09:24 Поднятие и опускание состояния 01:11:06 Реф и форвард реф 01:13:12 Пьюр компонент 01:14:14 Эра баундере (Error Boundary) 01:15:25 React Router 01:16:18 Render Props 01:18:40 Синтетические события 01:19:40 Управляемый и неуправляемый input 01:22:33 Кастомный хук toggle 01:26:26 Пример с меню 01:27:02 Рендеринг компонентов 01:28:30 Изменение состояния isValid 01:31:52 Оптимизация рендеринга 01:33:10 Рефакторинг кода и оптимизация 01:37:53 StrictMode 01:38:51 Код-сплит и ленивая загрузка 01:40:15 Анлодинг (загрузка при монтировании) 01:41:24 React Lazy и Suspense 01:42:23 Инструменты разработчика React 01:43:23 Оптимизация в React 01:44:49 Дополнительные оптимизации 01:45:40 Мемоизация и код-сплитинг 01:46:37 Батчинг в React 01:48:58 Реактивность в React 01:50:53 Реализация реактивности 01:51:20 Прокси-объекты и паттерны 01:52:15 Эвристики React 01:53:55 Принудительный рендер 01:54:20 Кастомный хук с debounce 01:57:47 Рекурсивное отображение структуры 02:02:46 Компонент «Файл» 02:06:38 Рефакторинг рендеринга файлов 02:08:50 Завершение и React 18 02:09:44 Конкурентный режим и хуки 02:10:14 Управление конкурентным режимом 02:11:00 React 19: новые возможности 02:11:44 Планировщик Fiber 02:12:44 Фазы рендеринга и коммита 02:12:48 Конкурентный режим и приоритеты 02:13:49 Серверные компоненты 02:15:09 Серверный рендеринг и гидрация 02:16:14 Асинхронные обновления в React 02:17:51 Виртуальный и теневой DOM 02:18:42 Типы элементов в React 02:19:11 Принцип единой ответственности 02:20:05 Принцип открытости-закрытости 02:21:42 Принципы SOLID в React 02:22:31 Render-пропсы и слоты 02:23:25 Антипаттерн компоновщика 02:24:22 Изучение паттернов 02:26:18 Подготовка к собеседованиям Менторство до трудоустройства: https://reactify.ru
Тренажер собеседований: https://yeahub.ru/
Отзывы: https://t.me/mentor_reactify
Telegram канал: https://t.me/reactify_IT
Записи занятий с менторства: https://t.me/reactify_community_bot
#frontend #reactjs #программирование #interview
