Собеседование JUNIOR frontend REACT

#React #ReactJS В этом выпуске разберем вопросы собеседования Junior frontend React разработчика, рассмотрим вопросы по JavaScript, HTML, CSS, которые обязательно спросят и решим алгоритмическую задачу, а также оценим алгоритмическую сложность решения. Мы в соцсетях: 👉 Сайт: 💻 Telegram: 💻 Twitter: 💻 GitHub: ☕️ Поддержать: Курсы и плейлисты: 💡 Паттерны ReactJS: 💡 Как пройти ReactJS собеседование: 💡 ReactJS хуки: 💡 Redux Saga: 💡 Redux: 💡 Как создать слайдер на ReactJS: 💡 Все о ReactJS: 💡 Tailwind: 💡 Svelte: 💡 Sass: 💡 GraphQL: 💡 JavaScript: 00:00 - О структуре и формате собеседования 02:36 - [JavaScript] Что такое this? 02:58 - [JavaScript] this и window в браузере 03:11 - [JavaScript] this и globalThis в NodeJS 03:46 - [JavaScript] this в объекте 04:26 - [JavaScript] this в объекте и стрелочные функции 05:00 - [JavaScript] Какие есть способы обхода массива 05:30 - [JavaScript] Отличия forEach и map 07:20 - [JavaScript] Метод filter 08:04 - [JavaScript] Метод reduce 09:24 - [JavaScript] Как сравнить на равенство строки/массивы/объекты 10:41 - [JavaScript] Различия между == и === 11:37 - [JavaScript] Promise и async/await 12:14 - [JavaScript] Методы Promise - all, race и т.д. 12:50 - [CSS] Что такое адаптивная верстка? 13:07 - [CSS] Что такое Grid и Flexbox? 13:28 - [CSS] Что такое блочная модель (box model)? 13:54 - [CSS] Для чего используется `box-sizing: border-box;` 14:20 - [CSS] Специфичность 14:56 - [CSS] Специфичность и веса деклараций 15:35 - [CSS] Псевдоклассы и псевдоэлементы 16:06 - [HTML] Семантическая верстка 17:00 - [Браузер] Session storage / Local storage / Cookies 17:59 - [React] Что такое React и для чего он используется? 18:15 - [React] Что дает React и почему не легче писать на чистом JavaScript? 19:13 - [React] Что такое Virtual DOM? 19:42 - [React] Что такое JSX? 20:04 - [React] Отличия функциональных компонентов от классовых 20:53 - [React] Как изменить состояние компонента? 21:41 - [React] Для чего используется useEffect? 22:39 - [React] Что такое сайд эффекты (side effects)? 22:54 - [React] Как избежать утечек памяти с useEffect? 23:43 - [React] Как запустить эффект на первый рендер? 24:04 - [React] Для чего нужен массив зависимостей в useEffect 24:18 - [React] Управляемые и неуправляемые компоненты 25:25 - [React] Что такое key 26:17 - [React] Почему не рекомендуется использовать index для key? 26:54 - [React] Как передать данные между соседними компонентами? 27:50 - [React] Что такое prop drilling и как его избежать? 28:26 - [React] Библиотеки для state management и Redux 30:24 - [Алгоритмическая задача] Обзор задач 31:57 - [Алгоритмическая задача] Найти самый длинный общий префикс для заданных строк 33:08 - [Алгоритмическая задача] Решение 1 37:28 - [Алгоритмическая задача] Решение 1. Оценка алгоритмической сложности 38:15 - [Алгоритмическая задача] Решение 2. Более оптимальное 43:05 - [Алгоритмическая задача] Решение 2. Оценка алгоритмической сложности 43:37 - [JavaScript] Какой порядок вывода в консоль? #devmagazine #devmagazinechannel