ТОП 10 вопросов на собеседовании ReactJS
ฝัง
- เผยแพร่เมื่อ 3 ก.ค. 2024
- #React #ReactJS
В этом видео рассмотрим наиболее популярные и важные вопросы, которые могут встретиться на собеседовании по ReactJS на позицию React разработчика. Это вопросы о хуках ReactJS, о методах жизненного цикла компонентов React, JSX, о паттернах в ReactJS и т.д.
Текстовая версия:
👉 it-dev-journal.ru/articles/to...
Плейлисты и курсы:
💡 Все о ReactJS: • 📘 ReactJS
💡 Как пройти ReactJS собеседование: • 🚀 Собеседование React ...
💡 ReactJS хуки: • 🐠 React хуки
💡 Redux: • ☕️ Redux курс
💡 Redux Saga: • 🍏 Redux Saga курс
💡 Как создать слайдер на ReactJS: • 🎪 Как создать СЛАЙДЕР ...
💡 Svelte: • 🌴 Svelte курс
💡 Sass: • 📔 Sass курс
💡 GraphQL: • 💪 GraphQL
💡 JavaScript: • 📜 JavaScript
Мы в соцсетях:
👉 Сайт: it-dev-journal.ru
💻 Telegram: t.me/devmagazinechannel
☕️ Поддержать канал: www.donationalerts.com/r/devm...
00:00 - Про возможные темы в React интервью
01:43 - Что вызывает обновление компонентов?
06:09 - Что такое Virtual DOM и как он работает?
07:11 - setState синхронный или асинхронный?
08:06 - Что такое JSX (JavaScript Syntax Extension)?
11:10 - Разница между memo и useMemo
14:06 - Pure Components
16:04 - State managers (Redux, mobx, useReducer+useContext)
18:45 - Higher-order components
24:12 - Когда использовать классовые компоненты вместо функциональных?
26:48 - Ленивая загрузка и разделение кода
#devmagazine #devmagazinechannel
Также может быть интересно:
Еще вопросы и ответы 👉 frontendjs.ru/articles/42-voprosa-na-sobesedovanii-po-react-frontend
Текстовая версия 👉 it-dev-journal.ru/articles/top-10-voprosov-na-sobesedovanii-react-js
Еще больше советов в ТГ 👉t.me/devmagazinechannel
Сайт 👉 it-dev-journal.ru
useEffect vs useLayoutEffect 👉 th-cam.com/video/wPQlz4M4rnI/w-d-xo.html
Все хуки ReactJS 👉 th-cam.com/video/3rDlo4-Ytuw/w-d-xo.html
Render props 👉 th-cam.com/video/hIfE-a-6SeUh/w-d-xo.htmlttps://th-cam.com/users/sgaming/emoji/7ff574f2/emoji_u1f449.png
Вы невероятно доходчиво и профессионально объясняете (с соблюдением терминологии), да ещё и с примерами, плавно подходя к необходимым темам. У вас отличный потенциал, смотрел с удовольствием. Желаю роста каналу, всяческих успехов и ещё больше полезного контента🔥
Очень приятно это слышать! Большое спасибо!
Посмотрел на одном дыхании, очень качественная подача материала, спасибо)
По поводу вопроса о том когда, стоит использовать классовый компонент, отдельный респект)
очень вовремя, спасибо за видос)
Спасибо за качественный контент!
Всё так подробно и понятно объяснил. Спасибо
Лайк, сразу)
Благодарю, очень полезные вещи узнал для себя
спасибо, легко доступно и лаконично
было полезно! спасибо
Спасибо за труд
правда очень хорошое объяснение
Спасибо!
спасибо)
Спасибо за качественный контент! Через неделю собираюсь на собес, полезно все повторить. React JS (React интервью)
Спасибо!)
Бро, если ты не знаешь, то вряд ли поможет :). Не в обиду автору, конечно.
как собес, прошел?)
@@vitalnvs1351 Оффер не сделали (((
Самый успешный ролик за последние 3 месяца, я же говорил)) Терь надо 30 самых популярных вопросов на собеседование по React или Js)
да!)
@@DevMagazineChannel Сегодня в качестве тренировки делала ToDoList по твоим видео, побольше бы тестовых заданий для разных уровней, которые выполняешь в видео.
Имеете ввиду видео где пишу приложение с нуля?
@@DevMagazineChannel Да
Прикольный пример с forceUpdate
Можно кратко список вопрос 30-50, для собеседования, еще было бы не плохо сделать какое-нибудь тестовое задание на react-redux-thunk.
Спасибо за работу!
скажи, чем отличается useEffect с пустым массивом зависимостей от варианта вообще без зависимостей (в смысле даже без пустого массива)?
Спасибо! useEffect без второго аргумента будет вызываться на каждое обновление (любого пропса или стэйта)
Надо бы еще цикл видео сделать про роутинг. Например роутинг основных страниц и дочерхних компонент на странице (надеюсь понятно о чем я) - т.е. основные /singin /app /other, а вложенный, на пример /app/dash /app/settings....
в SSR или в SPA?
@@DevMagazineChannel привет. Лично мне было бы интересно оба-два варианта (с ssr я вообще дела не имел).
setState вопрос
А если вынести из handle его, он же будет в value, без вызова handle, что туда не ставь, ничего не будет рендериться
А на сколько быстрее работает Object.assign, чем деструктуризация?
было бы круто использовать больше примеров, под то что вы говорите. например про хуки вообще без примеров и сложно воспринимать
Хуки это большая тема, их надо отдельно разбирать
забыл рассказать про useeffect
А почему useReducer а не еще один useState для симуляции forceUpdate?
Можно и useState - просто кода чуть больше будет, главное чтобы новое значение стейта отличалось от предыдущего
полезный материал обьясняете, но, пожалуйста, можно в след видео имплементировать таймкоды??
добавил
@@DevMagazineChannel этот канал без очереди попадет в топ каналов о разработке в ру сегменте
вау) было бы здорово!)
Главный вопрос на собесах: React - реактивный?
Просто фейс Палм. Шутка недели. Хахаха
@@theDenQ и это не шутка. Ответ не очевидный, серъезно.
@@oygemor А что нужно отвечать на этот вопрос: Почему react не реактивный , а vue реактивный? Что имеется ввиду, когда спрашивают про реактивность?
@@user-rm1ly8td9w видимо про то, что стейт в реакте меняется вызовом сет стейт, а во вью когда просто меняешь стейт
Главное не забывать, что на любом интервью по React JS начнётся с нативного js)
А мои интервью начинались сразу с ts
@@vitaliy794 мои в основном с пониманий практик программирования, а потом уже к основной части плавно переходили
@@user-fi9tn1pr4m странно у меня никогда такого не было. Сразу спрашивают над чем вы работали в последние годы и о архитектуре приложений.
@@vitaliy794 ну архитектура это уже мидл и дальше, хотя последнее на мидла с веба начинались
@@user-fi9tn1pr4m Ну я обычно на синьора фронта или архитектора иду. Главное что бы без тим лидерства было.
Автор, надо проработать многие моменты и поглубже разобраться в react и его алгоритмах. В реакте нету никакого виртуал дом, а этот термин создан специально для упрощения объяснения работы реконсайлера с файберами и планировщиком, а пакет React-dom как раз таки и нужен чтобы работать с реальным домом встраивая или уничтожая дом элементы когда это нужно. JSX это не javascript xml, а JavaScript Syntax Extension которое иногда конечно называют js & xml, но никакого xml там нету, не надо вводить людей в заблуждение. Сорян, дальше не смог смотреть уже понял, что понимание реакта на уровне чтения статей с хабра, а не исходного кода...
ссылочку на доку по поводу расшифровки JavaScript Syntax Extension можно?
никто и не говорит, что там используется XML, но XML-подобный синтаксис вполне, не надо придираться к словам