ТОП 10 вопросов на собеседовании ReactJS

#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

[@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 👉‌ kzbin.info/www/bejne/rYG0na1qgpmlpKs Все хуки ReactJS 👉‌ kzbin.info/www/bejne/aaOnnaJqYr6nq9k Render props 👉‌ kzbin.info/www/bejne/nnrJdmCXYpuGm7ecttps://kzbin.infogaming/emoji/7ff574f2/emoji_u1f449.png

[@vladimirivanov4756]

По поводу вопроса о том когда, стоит использовать классовый компонент, отдельный респект)

[@eugenedavidoff6996]

Посмотрел на одном дыхании, очень качественная подача материала, спасибо)

[@nil199308]

Вы невероятно доходчиво и профессионально объясняете (с соблюдением терминологии), да ещё и с примерами, плавно подходя к необходимым темам. У вас отличный потенциал, смотрел с удовольствием. Желаю роста каналу, всяческих успехов и ещё больше полезного контента🔥

[@DevMagazineChannel]

Очень приятно это слышать! Большое спасибо!

[@vladvoloshenko5701]

очень вовремя, спасибо за видос)

[@awwwesoman]

Спасибо за качественный контент!

[@GeneralDeD9963]

Всё так подробно и понятно объяснил. Спасибо

[@user-wk5lg7xc4g]

Лайк, сразу)

[@miloman1995s]

было полезно! спасибо

[@el_marca4987]

Благодарю, очень полезные вещи узнал для себя

[@kenanhaciyev3759]

спасибо, легко доступно и лаконично

[@mgrm7031]

Спасибо за труд

[@ArtemMindsurfer]

правда очень хорошое объяснение

[@user-cs7ex6vx9u]

Спасибо!

[@kenanhaciyev3759]

спасибо)

[@artsiomastrouski9340]

Можно кратко список вопрос 30-50, для собеседования, еще было бы не плохо сделать какое-нибудь тестовое задание на react-redux-thunk.

[@user-kn3ut1sh2o]

Спасибо за качественный контент! Через неделю собираюсь на собес, полезно все повторить. React JS (React интервью)

[@DevMagazineChannel]

Спасибо!)

[@oygemor]

Бро, если ты не знаешь, то вряд ли поможет :). Не в обиду автору, конечно.

[@vitalnvs1351]

как собес, прошел?)

[@user-kn3ut1sh2o]

@@vitalnvs1351 Оффер не сделали (((

[@user-wk5lg7xc4g]

Самый успешный ролик за последние 3 месяца, я же говорил)) Терь надо 30 самых популярных вопросов на собеседование по React или Js)

[@DevMagazineChannel]

да!)

[@user-wk5lg7xc4g]

@@DevMagazineChannel Сегодня в качестве тренировки делала ToDoList по твоим видео, побольше бы тестовых заданий для разных уровней, которые выполняешь в видео.

[@DevMagazineChannel]

Имеете ввиду видео где пишу приложение с нуля?

[@user-wk5lg7xc4g]

@@DevMagazineChannel Да

[@zond_amond]

Прикольный пример с forceUpdate

[@neprokiss]

Спасибо за работу! скажи, чем отличается useEffect с пустым массивом зависимостей от варианта вообще без зависимостей (в смысле даже без пустого массива)?

[@DevMagazineChannel]

Спасибо! useEffect без второго аргумента будет вызываться на каждое обновление (любого пропса или стэйта)

[@whiteguards43]

setState вопрос А если вынести из handle его, он же будет в value, без вызова handle, что туда не ставь, ничего не будет рендериться

[@andrTaylor]

А на сколько быстрее работает Object.assign, чем деструктуризация?

[@oygemor]

Надо бы еще цикл видео сделать про роутинг. Например роутинг основных страниц и дочерхних компонент на странице (надеюсь понятно о чем я) - т.е. основные /singin /app /other, а вложенный, на пример /app/dash /app/settings....

[@DevMagazineChannel]

в SSR или в SPA?

[@oygemor]

@@DevMagazineChannel привет. Лично мне было бы интересно оба-два варианта (с ssr я вообще дела не имел).

[@user-os2eb6nm1h]

было бы круто использовать больше примеров, под то что вы говорите. например про хуки вообще без примеров и сложно воспринимать

[@alexeybahter3947]

Хуки это большая тема, их надо отдельно разбирать

[@VladimirDevyatoff]

А почему useReducer а не еще один useState для симуляции forceUpdate?

[@DevMagazineChannel]

Можно и useState - просто кода чуть больше будет, главное чтобы новое значение стейта отличалось от предыдущего

[@jameskeita9657]

забыл рассказать про useeffect

[@gubatenkov]

полезный материал обьясняете, но, пожалуйста, можно в след видео имплементировать таймкоды??

[@DevMagazineChannel]

добавил

[@gubatenkov]

@@DevMagazineChannel этот канал без очереди попадет в топ каналов о разработке в ру сегменте

[@DevMagazineChannel]

вау) было бы здорово!)

[@user-fi9tn1pr4m]

Главное не забывать, что на любом интервью по React JS начнётся с нативного js)

[@vitaliy794]

А мои интервью начинались сразу с ts

[@user-fi9tn1pr4m]

@@vitaliy794 мои в основном с пониманий практик программирования, а потом уже к основной части плавно переходили

[@vitaliy794]

@@user-fi9tn1pr4m странно у меня никогда такого не было. Сразу спрашивают над чем вы работали в последние годы и о архитектуре приложений.

[@user-fi9tn1pr4m]

@@vitaliy794 ну архитектура это уже мидл и дальше, хотя последнее на мидла с веба начинались

[@vitaliy794]

@@user-fi9tn1pr4m Ну я обычно на синьора фронта или архитектора иду. Главное что бы без тим лидерства было.

[@oygemor]

Главный вопрос на собесах: React - реактивный?

[@theDenQ]

Просто фейс Палм. Шутка недели. Хахаха

[@oygemor]

@@theDenQ и это не шутка. Ответ не очевидный, серъезно.

[@user-rm1ly8td9w]

@@oygemor А что нужно отвечать на этот вопрос: Почему react не реактивный , а vue реактивный? Что имеется ввиду, когда спрашивают про реактивность?

[@diamaxel]

@@user-rm1ly8td9w видимо про то, что стейт в реакте меняется вызовом сет стейт, а во вью когда просто меняешь стейт

[@alexr6829]

Автор, надо проработать многие моменты и поглубже разобраться в react и его алгоритмах. В реакте нету никакого виртуал дом, а этот термин создан специально для упрощения объяснения работы реконсайлера с файберами и планировщиком, а пакет React-dom как раз таки и нужен чтобы работать с реальным домом встраивая или уничтожая дом элементы когда это нужно. JSX это не javascript xml, а JavaScript Syntax Extension которое иногда конечно называют js & xml, но никакого xml там нету, не надо вводить людей в заблуждение. Сорян, дальше не смог смотреть уже понял, что понимание реакта на уровне чтения статей с хабра, а не исходного кода...

[@ArtemyKairyak]

ссылочку на доку по поводу расшифровки JavaScript Syntax Extension можно?

[@ArtemyKairyak]

никто и не говорит, что там используется XML, но XML-подобный синтаксис вполне, не надо придираться к словам