[Redux] Мой любимый вопрос на собеседовании

[@ilyastrelkovski5979]

Функция connect не является HOC'ом, а вот результат её вызова возвращает уже HOC куда мы и передаём нашу компоненту. Маленькая неточность в определении, а видос в целом крутой

[@aleksandrmikhailov3255]

Как всегда круто, глубоко и интересно. Очень нравится формат видео. Коротко, информативно, доступно. Однозначно лайк и подписон) Хотя, конечно, любви к такого рода вопросам на собеседовании не разделяю. Скорее проверка не на скилл, а на наличие личной жизни у кандидата)

[@it-sin9k]

Моя жена закатила глаза, когда я ей прочел этот комментарий))

[@ArtikMan1994]

@@it-sin9k Привет! Подскажи пожалуйста, код сплиттинг редакса - частая практика? Использовал на своих проектах? Потому что без код сплиттинга никуда, но почему то с редаксом не припомню чтобы кто-то разделял загрузку редюсеров.

[@it-sin9k]

@@ArtikMan1994 Честно говоря, лишь единожды делил Redux стор. Сейчас как то все больше набирает популярность Микрофронты, а там у каждого свой Redux, И вот тебе и поделились)

[@ArtikMan1994]

​@@it-sin9k Понял. Спасибо большое что оперативно отвечаешь на вопросы. Это очень приятно. Тем более от разработчика такого уровня=) Кстати, мб будет интересно, но все же напишу: изучал RTK Query. Писал блог из документации. Там одна функция сразу же нагружает процессор на 95% даже если проект не запущен (мне достаточно лишь раскомментировать эту функцию). Впервые с таким сталкиваюсь. Написал им issue на гитхабе, но вряд ли ответят. Не буду советовать ее использовать, несмотря на то что в оф.документации редакса ее советуют...

[@it-sin9k]

не за что :) Как то про RTK Query часто слышу сомнительные отзывы) думаю позже руки дойдут его потыкать, и обзоры сделать) а пока активно готовлю новую тему) крайне воодушевлен, тем что раскопал)

[@ДЖОнДЖОРТОН]

Как же прекрасны твои видео... Словно небеса спустились на меня и солнце одарило меня своим теплом...

[@Deezmaster112]

Как всегда качественно, но я не могу понять, зачем это спрашивать в 2021? Как вариант, в секции про css и стили можно спросить как верстать на таблицах :)

[@frontenddeveloper7987]

Есть много старых проектов, написанных на классовых компонентах, которые до сих пор не спешат перейти на функциональные. Вот таким проектам нужны люди, которые знают как работать с устаревшим подходом.

[@serheliusperchuk5298]

@@frontenddeveloper7987 Если там используется четвертый параметр коннекта, то я просто гляну документацию. А вот серьезно, зачем такое держать в памяти?

[@ВасилийТеркин-б6з]

@@serheliusperchuk5298 а если не используется 4 параметр. А наоборот нужно за-использовать 4 параметр, откуда догадаешься о его существовании? Узнать где именно зарыта собака в давно работающем проекте, не всегда быстро решается.

[@it-sin9k]

Хмм, я поэтому в начале видео и предупредил, что это устаревший немного вопрос и его сейчас не задаю :) Но я бы не ставил это в сравнительный ряд с таблицами, не настолько неактуальный вопрос) Думаете про useSelector легче ответить, чем на это?)

[@it-sin9k]

Тут несколько комментариев :) Я не спрашивал обычно, что из себя представляет 4-ый параметр и какие у него свойства. Максимум мог спросить "сколько параметров принимает connect?". Это помогает понимать, насколько ты хорошо знаком с инструментом :) А по поводу твоего комментария, если ты не знал, что четвертый комментарий существует, тогда у тебя никогда и вопроса не возникнет, чтобы загуглить 4-ый параметр, что там вообще такое)

[@АндрейНильц]

Спасибо большое за труды) один из лучших каналов по web-разработке!

[@it-sin9k]

Спасибо!) будем стараться стать лучшими)

[@ДаниярКаби]

Спасибо большое, супер канал 👍👍👍

[@max_cr_it]

Крутой контент, прям радуешь. Особено после просмотров пары роликов соплежевателей с водой

[@it-sin9k]

Спасибо :)

[@fedor_U]

Узнал много нового, круто

[@kirillpavlovskii8342]

как всегда очень интересно и позновательно!

[@jeanmarcgourier]

Классно, спасибо

[@Константин-в6ш5ж]

А потом говорят где нам найти программеров. Скоро для трудоустройства нужно будет весь исходный код знать. Поди ещё Джуниора с задаешь этот вопрос?

[@SergeyLevkovich]

Как всегда круто!

[@it-sin9k]

Спасибо!

[@HIghtowerSever]

Скажу просто Спасибо за твой труд.

[@it-sin9k]

Спасибо :)

[@eugeniyvinnikov5480]

Наконец-то годнота подъехала )) Ждем от тебя больше видео ) может даже стримы. Хотелось бы побольше разбора работы разных библиотек как они под капотом работают и т/д/

[@it-sin9k]

Будем стараться делать больше контента)

[@AlefersXaoC]

Боброго времени суток. Много рылся в интернете по вопросу динамически добавляемых редюсеров, но так и не понял, есть ли возможность подрубать/отрубать слаисы в момент подгрузки лейзи компонента их содержащего, чтобы не разрастался безконтрольно базовый стор. Причём условие такое, чтобы в первоначальном бандле никких упоминаний о данном редюсере не было, он приходил бы внутри чанка с компонентом либо отдельным чанком. Проце говоря, приходил бы готовый кусок приложения со воим стором, секлекторами, блекджеком и мидлверами.

[@it-sin9k]

Посмотри в сторону store.replaceReducer метода

[@alexanderzelenkov6944]

Хороший комментарий.

[@someChicoRy]

круто)

[@alexeysvetlenko2217]

Крутяк. Спасибо.

[@from_brest2631]

первый раз слышу о такой функции 🤣

[@materussia]

Вопросы на уровне - "Что делает функция ebisVseKonem и какого типа у нее 80-ый аргумент"

[@it-sin9k]

Я создал пост в сообществе, где прошу всех прислать вопросы, которые вы считаете хорошими для собеседования. И сделаю на эту тему видео kzbin.info/door/lgj-KWiNaOo9H1rz1ISO6Qcommunity

[@Ramosok]

И мой любимый вопрос)

[@arinqwerty]

прекрасно, все отвечают что такое connect(), я бы не ответила. пойду поплачу

[@it-sin9k]

это уже давно забытая история) многие уже и не знают, что это такое)

[@arinqwerty]

@@it-sin9k спасибо, что прокомментировали, после ваших слов немножко отпустило:)

[@venplay1]

ТОП контент!

[@WebEnv]

Спасибо!

[@serheliusperchuk5298]

Меня волнует что это спрашивается на собеседовании. Много кандидатов могут ответить на эти вопросы? А в твоей практике, как часто ты используешь 4й параметр коннекта?

[@it-sin9k]

Я вижу много комментариев про 4-ый параметр) но видимо, я плохо донес, что именно является основным вопросом) Скорее я обсуждал как работает mapStateToProps. Как предотвращать ненужные рендеры и как можно выстрелить себе в ногу. Конкретно этот вопрос, я сейчас не задаю больше, т.к. connect уже не очень актуален. Но раньше отвечали прям полностью правильно (без вопроса о 4-ом параметре), примерно 20-25%. Чаще всего это были действительно опытные синьоры

[@serheliusperchuk5298]

Ты прав, тема , на самом деле, интересная. Я только на собеседование триггернулся (больной вопрос 😅)

[@alextotun]

Искал зачем mapDispatchToProps, если useDispatch, а тут так глубоко, но не очевидно. Спасибо! Но все же не собеса такие вопросы.)

[@MassEffecn]

3:05, оговорочка не редакс ререндерит, а реакт.

[@kai.hexendorf]

И у программиста бывает карма. За свои прегрешения перед кодом, программист перерождается в виде frontend-разработчика, где на собеседовании у него будут спрашивать про css, redux, а в особо тяжелом случае - про connect с 4-м параметром.

[@it-sin9k]

ахаха) тонко) отлично написано)

[@semyon3100]

Впервые услышал про connect, открыл документацию по нему и увидел "We now recommend using the React-Redux hooks API as the default. However, the connect API still works fine." Этот синтаксис ещё используется, стоит ли уделять ему внимание?

[@it-sin9k]

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

[@NoName-oh9fh]

Расскажите про паттерн репозиторий? Сколько не смотрю русскоязычные туториалы ну и зарубежные тоже. Почти никто не использует данный паттерн и все хардкодят повторяя один за другим, а хотелось бы чтобы приложение было максимально простым для изменения.

[@it-sin9k]

Честно говоря, я такого паттерна и не знаю) но обещаю ознакомиться с ним)

[@olezhonnv3215]

Почему никто? Я использую.

[@ReAgent003]

Редакс уходит в Лету? Что нас ждёт в недалёком будущем в качестве стейт менеджмента если рассматривать функциональные компоненты?

[@it-sin9k]

Я думаю, пока нет ни одной причины полагать, что Redux уйдет в закат в ближайшее время. По крайней мере, пока не изобретут, что то новое более революционное. Но пока ничего революционного не слышно

[@alessagelespi1781]

Вопросы из области Я умнее чем ты. На все могу ответить открыв документацию либо запустив код с выводом в консоль. А вы можете поэтапно написать на листике код для запуска редакс в браузере побитово? Ну что же вы за программист тогда?

[@it-sin9k]

Я думаю вы немного утрируете. Если кто-то не до конца понимает, как mapStateToProps проводит сравнение с помощью shallowEqual. Это не значит, что он джун или еще слабее. Это лишь значит, что этот человек не очень увлекается улучшением перфоманса. В этом случае он для разработки высоконагруженных проектов, таких как например мессенджеров, видео аудио звонков и т.д. этот человек может не подойти, т.к. в таких проектах есть большой запрос, на то чтобы уметь в мелких моментах улучшать перфоманс. Опять же я открыл рубрику, присылайте мне вопросы, которые вы считаете очень хорошими для собеседования на почту [e-mail]. И я постараюсь это опубликовать :)

[@Илья-с1л6э]

@@it-sin9k redux на проекте где важен перформанс?) нет уж спасибо)

[@it-sin9k]

@@Илья-с1л6э да, вроде нет у него радикальных проблем с перфомансом :) У вас был обратный опыт?)

[@Илья-с1л6э]

@@it-sin9k на любой чих в сторе, так или иначе вызываются все подписчики. Да там может быть мемоизация, но это не отменет сами вызовы. Взять тот же redux-form. Отличный пример проблем с первормансоам самого redux. Какое было решение проблемы? - закрыть проект.

[@it-sin9k]

@@Илья-с1л6э Все верно. Разница лишь в том, как использовать redux. redux-form вызывал экшены в огромном количестве. Нажал на инпут === экшен, ввел букву === экшен и так на каждый чих иногда и сразу несколько экшенов. redux-form закрылся из-за того, что осознал, что злоупотребляет редаксом. Но при всем своем злоупотреблении, проект дожил вроде до 8 или 9 версии и у меня было много проектов с ним. И ни один сайт не лагал из-за внедрения формы. Потому что современному компьютеру все по плечу. А представь, если в redux хранить данные, только которые используются между экранами. Это значит только иногда читать данные и иногда записать. В таком случае вообще без разницы какой стор использовать и насколько он плох. Гораздо важнее уделить внимание самому реакту. Какие компоненты и когда рендерятся, что действительно частенько является проблемой для перфоманса. Это лишь мое мнение. И я для себя решил, что абсолютно не важной какой стейт менеджмент использовать

[@dmitriystoyanov933]

Я бы точно слился после таких вопросов. Просто работаю и знаю как сделать функционал с помощью редакс, но в такие тонкости не вникал;)

[@Evgeny..]

Отличное видео! Лайк! react js redux

[@aleksandrzelenskiy4000]

Топ. А если используется reselect, уже не надо задумываться об этом?

[@it-sin9k]

reselect решает часть проблем) я думаю, что про него тоже сделаю еще видео :)

[@WebEnv]

Расскажи как-нибудь про рендер пропс, плиз)

[@it-sin9k]

Тема интересная. Надо самому в ней поковыряться еще. На ближайшее время я выпуски уже придумал. Чуть позже постараюсь обязательно посмотреть!

[@WebEnv]

@@it-sin9k спасибо 😉

[@Icanfly-]

Я бы не взял на работу человека который сказал бы что connect уже неактуален, есть + и - как в connect так так и в useSelector и человек должен их знать и аргументировать почему в конкретном проекте он будет использовать то или другое

[@Evgeny..]

------Если есть хоть какая-то возможность прошу о помощи! ---------У нас есть компьютер из которого мы сделали сервер на котором есть рабочий сайт, раньше он был на jquery(frontend) Сейчас переписываем на React(хотим). Я создал приложение create-react app. Ввел команду npm run build и закинул его на собственный сервер. Но приложение не запускается. Помогите, я совсем в этом нуб. В интернете есть много инфы как залить на хостинг, а как на свой сервер нет. 1. Что нужно настроить на сервере? 2. Может какие-то зависимости нужны? 3. нужна ли на сервере папка node modules и вообще проект или достаточно папки build? 4. и если у нас раньше главный html назывался main_page.html, страшно ли что я переименовал index.html из папки build?

[@it-sin9k]

1. Настроить какой-нибудь nginx или apache, чтобы указывал на твой index.html или как ты его назвал у себя или если у тебя хостинг по проще, то он там наверное по дэфолту ищет index.html в корне 2. Да вроде не нужны 3. нет, не нужна, папки build достаточно 4. Все зависит от хостинга

[@Evgeny..]

@@it-sin9k спасибо огромное!!!! Для меня честь получить от вас ответ!

[@Evgeny..]

@@it-sin9k А node js и npm на сервере нужен?

[@it-sin9k]

Почему то ваши комментарии отправляет в спам, только зашел проверить спам, увидел комментарий) Ответ нет, для папки build не нужно ничего, ни npm ни nodejs. По крайней мере я не помню зачем он может пригодится :)

[@Buarpa]

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

[@it-sin9k]

название ролика написано на русском языке. Этого не достаточно?

[@Buarpa]

@@it-sin9k имел ввиду язык программирования используемый в данном ролике

[@it-sin9k]

@@Buarpa Понял :) Спасибо за коммент!

[@kinderhero8897]

+

[@olezhonnv3215]

В очередной раз убеждаюсь - какая же дичь этот Redux! У того, кто его придумал, мозги на бикрень, наверное!

[@it-sin9k]

а что вы используете вместо Redux?

[@Prog_Ramer]

@@it-sin9k контекст + useReducer

[@it-sin9k]

@@Prog_Ramer про эту связку уже записал парочку видео)

[@Prog_Ramer]

@@it-sin9k если на проекте не требуется 100 штук store'ов, то такая связка полностью заменяется редакс + она компактнее и идёт из коробки

[@gatrianL]

Это уже устаревшай хрень, зачем им голову забивать, лучше на что то новое потратить время

[@hREMOvnicK678]

на что?

[@HardySHD]

@@hREMOvnicK678 effector

[@it-sin9k]

Устаревшая имеется ввиду redux или connect?)

[@gatrianL]

@@it-sin9k это connect

[@it-sin9k]

я создал пост в сообществе, где прошу всех прислать вопросы, которые вы считаете хорошими для собеседования. И сделаю на эту тему видео kzbin.info/door/lgj-KWiNaOo9H1rz1ISO6Qcommunity

[@gubatenkov]

Так любая функция в js и есть обьект по своей сути) А нормальных вопросов в списке нет? Вот и попробуй остаться после собеса с нормальным настроением после таких тупых вопросов

[@uncensored2848]

по mapStateToProps я бы добавил вопрос - что является вторым входным параметром данной функции?) (ответ добавлю в трэд коммента для тех кому интересно)

[@uncensored2848]

в mapStateToProps - второй параметр это свойства переданные в текущий компонент из родительского компонента.

[@olexandrkozirskiy6917]

16.05.23 like

[@antonjust3503]

Оох, каждый раз смотрю на редакс и каждый раз задаюсь вопросом, откуда такая популярность у такой кривой и неудобной библиотеки... Даже с использованием слайсов и RTK query это всё равно ужасно выглядит

[@frontenddeveloper7987]

Может RTK?)

[@it-sin9k]

Коллекционирую аргументы, почему redux не очень. Если не сложно можете поделится почему Redux кривой?)

[@antonjust3503]

@@frontenddeveloper7987 Да, точно!)) Спасибо!)

[@antonjust3503]

@@it-sin9k Да взять те же мидлвары, Saga на генераторах или redux-observable там вообще надо в RxJS погружаться с головой иначе ничего хорошего не получится. Или бесконечные редюсеры. Нельзя просто взять и создать новый компонент стора, надо обойти кучу файлов, запихать в рут редюсер, создать типизированный селектор. Наследование редюсеров нет, а это значит копипаста из редюссера в редюссер одних и тех же полей и методов. Мне кажется написав один раз стор на MobX или использовав в проекте GraphQL, и на Redux не захочется возвращаться.

[@it-sin9k]

Везде есть проблемы :) я несколько лет назад пришел в огромный проект, который написан на mobX. И там была целая каша из связей между сторами. И пришлось изобретать правила, как писать, как не писать, как это все разделять. И тогда мы привели за год все более менее к удобному виду. К чему я пришел после использования в проде по нескольку лет: Redux, MobX, Flux. Инструмент абсолютно не важен, у каждого есть свои слабые и сильные стороны. Всегда есть в команде кому не нравится текущий инструмент и хочет переехать на другой. Переедешь на другой инструмент, теперь другая часть команды жалуется и снова все заново.

[@19n1ght]

Годно! Спасибо! Хотелось бы послушать про эффектор в следующих выпусках.

[@Retruntobase]

Ждал инфу про Reselect, но как всегда контент на высоте) Спасибо

[@it-sin9k]

Можно и до reselect добраться)

[@lightinthedark5708]

@@it-sin9k даже нужно)

[@shatlykberdiev7717]

Kruto!

[@_kie]

Приятно так излагаешь. Вот бы ты ещё и курс какой запилил.

[@it-sin9k]

Может немного попозже) Есть мысли в эту сторону)

[@alexup7437]

Поэтому мультисторы эффектора иногда гораздо лучше.

[@it-sin9k]

Не всегда) У меня есть опыт работы с мультисторами с flux и mobX. Там полная свобода взаимодействия между сторами. Поэтому на проекте приходилось придумывать особые правила, как можно делать, как нельзя. Потому что общих best practise например как писать на mobX не существует. Тем более на Effector :)

[@alexup7437]

@@it-sin9k сейчас ребята начали писать доку по эффектору как делать правильно, а как нет. Разжовывая и раскладывая по полочкам. Думаю через год оформится во что-то вразумительное.

[@it-sin9k]

Звучит круто! ждем с нетерпением) Возможно и я немного позже доберусь запилю свой обзор на него)

[@kspshnik]

Вау. Просто вау!

[@it-sin9k]

Спасибо!) Вижу открыли для себя наш канал) добро пожаловать!))

[@graa999]

но ведь чисто технически в js функция и есть объект и нет типа данных "функция"

[@ДенисКораблёв-г1т]

Все это круто, только как вяжется это с Хуками, в начале ролика сказано что принцип одинаковый, но нигде не было сравнений и пояснений с хуками, все ушло в conтect, про хуки ни слова

[@it-sin9k]

Про хуки есть отдельное видео) kzbin.info/www/bejne/iYeqXqtjaaeEn8U

[@LonelyRiderStonerBand]

Много раз заставлял ковырять этот state management, так и не разобрался, очень громоздкий … отдал предпочтение Zustand - никаких тебе экшенов, диспетчеров и прочей шелухи, буду благодарен увидеть ролик по Zustand и сравнению его с Redux

[@it-sin9k]

Прикольно, я о таком даже не слышал, постараюсь ознакомиться)

[@theoty-js]

самое глубокое погружение. супер

[@КириллИор]

отлично. вот это обучения! вот это информация! так держать!

[@it-sin9k]

Спасибо!)

[@ReAgent003]

Чувак, здарова! Разве нельзя на ютубчике или патреоне задонатить тебе разово?

[@it-sin9k]

youtube вводит новую функцию спасибо. Где разово можно задонатить какую-то сумму. Но она мало у кого сейчас доступна. Поэтому пока только без посредников можно задонатить разово :)

[@ReAgent003]

@@it-sin9k и как это сделать?

[@it-sin9k]

напиши на почу [e-mail]. Попробуем найти вариант как сбросить денежку)

[@NoName-zh7cc]

Супер

[@alexandrryzhenkov6917]

Спасибо🥇. всегда интересовал этот момент, но лень было изучать. Старался просто придерживаться рекомендациям разработчиков. А как вы относитесь к рекомендациям. Наверное есть свое мнение по позициям. Понятно, что это широкая тема 🔬

[@it-sin9k]

Я вообще очень положительно отношусь к рекомендациям. Тут конечно зависит от того кто именно рекомендует и что именно. Если это best practices проверенный годами, то я почитаю / поспрашиваю почему именно так вышло. Если ко мне на проект пришел новый синьор помидор и говорит давайте все перепишем на Эффектор, потому что на прошлой проекте попробовали и было круто. То это звучит, словно мы хотим переписать проект, только потому что ему та технология в данный промежуток времени нравится больше. На ситуацию надо смотреть шире. Какую проблему мы решим, будет ли эта технология развиваться и спустя 5 лет и т.д.

[@alexandrryzhenkov6917]

@@it-sin9k Спасибо, что нашли время ответить. я сам использую в своих небольших проектах createStructuredSelector, но в больших чужих проектах я не встречал.. что не так с этой функцией)? И хотело бы ваших видео обобщенных правил(возможно микроскопических), которых придерживается ваша команда из проекта в проект, на правленных на стабильность в realtime.

[@it-sin9k]

Мы тоже не особо использовали такое на проекте) дойдем еще до этой темы)

[@topsportsevents6014]

Я вообще не понимаю зачем на собеседования спрашивать вопросы про замыкания типы и другую шляпу, толку что чел ее заучит ! Все гуглится все есть в интернете , мне кажется один из главных навыков это умение быстро гуглить и в доке разбираться

[@it-sin9k]

А можешь набросать 10 вопрос, что стоит спросить у Senior React Developer на собеседовании по твоему мнению?

[@it-sin9k]

Более того, я создал пост в сообществе, где прошу всех прислать вопросы, которые вы считаете хорошими для собеседования. И сделаю на эту тему видео kzbin.info/door/lgj-KWiNaOo9H1rz1ISO6Qcommunity

[@topsportsevents6014]

На счет Senior не скажу я работаю ток 6 месяцев как react /react-native developer. Устроился со второго раза . Перед собеседованием зубрил все подряд , но завалился на какой-то задачке которая в ходе работы мне даже не встретилась ни разу ) А во 2й раз я сделал тестовое потом пообщался с ребятами они мне так и сказали , мол мы не будем спрашивать все эти вопросики все есть в нете , все гуглится , а там время покажет . Естественно разработчик должен знать фундаментальные знание , но мне кажется дать лучше какое-то тестовое задание со стеком технологий которые использует компания (redux-tools, axios, react-router, итд) и там будет виден и код и вообще понимает ли человек что делает . Чисто субъективное мнение .)

[@КириллАкутин-п3д]

@@it-sin9k Senior React Developer звучит конечно мощно) Я думал есть только Senior Frontend Developer А так ведь может быть и Senior Moment.js Developer А Senior Angular Developer это вообще наверное бог)

[@dm.hol.3624]

@@КириллАкутин-п3д Senior HTML Programmer

[@fuad2069]

Да ты вообще самый крутой ютубер)

[@it-sin9k]

Спасибо!