#React #ReactJS
В этом выпуске разберем вопросы собеседования Junior frontend React разработчика, рассмотрим вопросы по JavaScript, HTML, CSS, которые обязательно спросят и решим алгоритмическую задачу, а также оценим алгоритмическую сложность решения.
Мы в соцсетях:
👉 Сайт: https://it-dev-journal.ru
💻 Telegram: https://t.me/devmagazinechannel
💻 Twitter: https://twitter.com/_devmagazine
💻 GitHub: https://github.com/vadimkorr
☕️ Поддержать: https://www.donationalerts.com/r/devmagazine
Курсы и плейлисты:
💡 Паттерны ReactJS: https://www.youtube.com/playlist?list=PLmfIBo6rTVR7vVeFBPV3YrsXwk8wDbihw
💡 Как пройти ReactJS собеседование: https://www.youtube.com/playlist?list=PLmfIBo6rTVR6jNZoTnNggWliFC7Cmco7p
💡 ReactJS хуки: https://www.youtube.com/playlist?list=PLmfIBo6rTVR50EVDaRz0HuImZ6iLDs40N
💡 Redux Saga: https://www.youtube.com/playlist?list=PLmfIBo6rTVR6jKRgpblTdzto9v-yWgqk-
💡 Redux: https://www.youtube.com/playlist?list=PLmfIBo6rTVR70B7skhP5BtczReJMZQ0Vd
💡 Как создать слайдер на ReactJS: https://www.youtube.com/playlist?list=PLmfIBo6rTVR4JBtaOfWLMNgjIeVC3_dl7
💡 Все о ReactJS: https://www.youtube.com/playlist?list=PLmfIBo6rTVR4OGBHkgPUst49WliEAkZDc
💡 Tailwind: https://www.youtube.com/playlist?list=PLmfIBo6rTVR4tuvT6o2ncCoBYd-HJZSi2
💡 Svelte: https://www.youtube.com/playlist?list=PLmfIBo6rTVR5XNcJxu8TwzEvIDUCAhGc6
💡 Sass: https://www.youtube.com/playlist?list=PLmfIBo6rTVR7YkcR_26vgH37l3GS2pYBa
💡 GraphQL: https://www.youtube.com/playlist?list=PLmfIBo6rTVR7qfgmVHBsgOoiBAx5Guwfp
💡 JavaScript: https://www.youtube.com/playlist?list=PLmfIBo6rTVR6ncz0yM8Bhpff8yI7F1oKp
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