Итак друзья Давайте приступим к самому собеседованию у нас в гостях сегодня Иван Привет Ваня Расскажи о себе Привет Ну собственно в общей сложности работаю по всяким со всяким кодом наверное лет 5 но непосредственно с фронтом С февраля получается прошлого года в организации работал значит в крупном аутсорсе проект был зарубежный с довольно большой командой собственно ecommerce платформа по стеку это реакт стоит менеджер был у нас редакса была cms это dobe стиле у нас было CSS В общем вот по бэку там ну собственно
00:00:00 - 00:01:47
был бы ф.ф на ноги и дальше там уже Java вот по задачам приходилось заниматься соответственно всем вообще там начинает стилей и контента до реакторских компонентов еще небольшие библиотеки Ну типа там платежи и так далее Прикольно А вот по поводу cmsки ты упомянул типа Adobe которая она собственно Для чего использовалась вас как раз не интеграция была или же это либо фронтен подняли Ну собственно до реакта все собственно было на ней заточено да то есть все товары там видимо какая-то большая группа контента работала потому что это
00:00:53 - 00:02:22
магазин Там прям свековой истории можно так сказать и там собственно было когда еще до реактора все заводили туда вот товары то есть собственно все страницы все вот эти акции все верстались через вот эту штуку и потом собственно с реактором Когда это все связали такая себе не очень получилось система прямая которая связывала доп экспириенс менеджер не очень дружит с реактом то есть там такое приложение по итогу получилось довольным спрос даже мультиплечь в пределах страницы скажем это корзина переходим куда-нибудь
00:01:38 - 00:02:58
каталог Это уже другая страница с передачей там огромного стоит А через дату атрибуты и так далее но собственно Это вот их Legacy А в этой получается 7 печки не было все как она тогда понятно Нет наша Фишка все взаимодействие через BF было А вот интересно у нас получается BF Для чего нужен был Давай сейчас быстро еще расскажу BF это Back frontent обычно расшифровывается Вот про свой канал JS вот я обычно я все по-разному используют Вот как раз интересно было да Для чего именно вы использовали что у нас именно для упрощения работы
00:02:23 - 00:03:46
фронтам потому что там на байке там уже было какое-то сильные сильные короче разветвление по версии запутанная была пешка и до нас уже такие более-менее очищенные ручки приходили Вы тоже писали Да сами Нет Это у нас была другая команда то есть я говорю что у нас было в районе там 150 человек на проекте То есть это очень много все это дело было побито На склады внутри каждого склада еще разделения фронт эти вот BF и Back У нас очень такая развесистая структура была сейчас 150 человек Окей окей Яндекс полностью стоит даже
00:03:06 - 00:04:27
меньше человек просто да Проектная специфика Короткие сроки чтобы все это дело быстро сделать пришлось вот так вот масштабировать Хотя конечно Это не совсем тот эффект наверное который считывали получился Ну да да прикольно окей Окей слушай Ну прикольно давай тогда начнем уже самим собеседованием Вот первый про что я хотел поговорить Это про и про промес скорее всего уже работал с ним можешь вообще показать как кроме создается что это такое рассказать Может чуть дальше пойдем собственно это специальные
00:03:50 - 00:05:06
объекты для работы с асинхронным кодом для создания [музыка] штука у нас соответственно принимают дальше функцию экзекутор с resolve там и соответствии от внутренней логики Да мы Кроме сможем либо выполнить рисованных либо Отклонить реджек например написать там Прикольно А вот еще кстати такой вопрос Например если вот здесь будет что-то такое сталкивался с такими сидеть ошибки вылетит что будет справиться Ну собственно ошибка наружу вылезет ошибка наружу на сам состоянии будет кроме скорее всего rejet
00:04:28 - 00:05:59
да По идее Насколько я понял тоже должен реджекнуть Можно даже проверить на всякий случай консол точка Error Да но реджек нет но в целом логично OK А вот смотри например если у нас есть несколько промесов и нам Например нужно подождать Так какие у нас варианты есть например сейчас сделаем вот так вот function например Wait For results прям нас будет приниматься по 1 P2 и какой будет самый такой типа быстрый способ вот подождать эти два промиса и вернуть какой-то результат например Давай сделаем вот так вот fitch 1
00:05:42 - 00:07:05
и fh2 это функции вот как бы ты сделал нам надо вызвали обе эти функции то есть они в теории могут вернуть ошибку то есть вернуть какие-то результаты Да если получается ну то есть возвращаем результат тогда когда оба обе функции завершились да то есть вернули уже результат и если произошла какая-то ошибка возвращаем сразу ошибку Ну тут два варианта если мы хотим их выполнять последовательно то мы делаем фичи один zenfice 2 если мы хотим чтобы они выполнялись параллельно то мы заворачиваем в промеsal соответственно
00:06:23 - 00:07:28
внутрь Передаем массив еще один fh2 еще есть вариант соответственно если нам не нужно чтобы падение первого века у нас рушила Интересно смотреть и сказал про вызов одного кроме за другим А можешь показать как будто написал это у нас промисс ну я проснулся с этим результатом делаем какой-нибудь стоит дальше можем [музыка] так соответственно делаем тоже что-то с результатом задать раньше Давай отформатирую код чтобы это получается вот так весьма скобки не хватает одной где так хорошо а вот подобный код он вообще
00:06:56 - 00:08:40
сработает в данном случае то есть например нам нужно вернуть массив результат то есть Нам нужно сделать вот если массив туда то мы вначале задаем массив И вот здесь вот мы будем в этот массив пушить результаты здесь пушим первый результат там пушим второй результат в конце через стой подожди но вот Окей Ты говоришь ты по если тебе нужно было бы сделать Ну как с промез All только последовательно вызвать сначала fh1 потом фетиш 2 Ты просто вы через Осинка выйдет сделал правильно ты это говоришь Осинка то же самое Да он тоже вызовет их
00:08:43 - 00:09:43
последовательно Да у меня скорее просто Вопрос вот к этому коду Давай представим что у нас вот F1 возвращает например один то возвращает два вопроса намбер вот и что в таком случае нам вернется из функции Вот как сейчас написано да так то есть у нас сейчас вернется [музыка] вернется в любом случае промес Да верно запрос но с чем он зарисовывается Давай представим что у нас ошибок нету то есть у нас ошибки ошибки не случится вот что в данном случае вернется вот сейчас вообще ничего не вернется то
00:09:18 - 00:10:28
есть мы же ничего не делаем да да вот Окей А если мы хотим чтобы вернулся этот как его вот в таком стиле Например если мы хотим написать Как можно написать так чтобы вернулся массив Ну ты просто рассказывал может написать то есть мы здесь вот делаем результат это будет массив здесь мы результат на даем урезал здесь мы соответственно получаем второй результат и здесь мы можем вернуть как раз result и сюда записываем второй промез Окей А вот смотри по поводу Зена вот здесь вот здесь уже нет никакой ошибки ты не
00:09:59 - 00:11:27
видишь тут у нас еще до просто смотри Zen сам по себе что принимает себя в аргумент результат выполнения Zen он результат выполнения то что мы сделаем да да но смотри я имею ввиду вот сюда Что ты передал вот у тебя Zen это по сути какой-то метод на объекте промес правильно И что ты ему передал в аргумент еще раз То есть вот мы подразумеваем что фича 1 это у нас функция которая возвращает да да она возвращает промес правильно промес это можно рассматривать как какой-то объект правильно класса У нас есть класс promises У нас есть вещи
00:11:06 - 00:12:25
один возвращается спроса у инстаса промеса есть метод Zen и я говорю вот в аргумент ему Ты что получается передаешь вот здесь ну то есть внутрь что передаешь то есть и передаешь функцию Да функцию я говорю вот во втором занят и можешь передать функцию или нет Ну да Все понял о чем речь Да значит как функция функции Я просто пытаюсь завернуть Ну тут вообще кастрюль получится да если все это дело так Ну то есть если я просто вот так вот стрелку сделаю да да Так ты сделал Вот так Ну дай получается
00:11:58 - 00:13:30
как это сработает или нет вопрос такой скобки не хватает одной Мы выполняем функцию да то есть второй промез у нас выполняется После выполнения он в вернет соответственно массив который добавлено это она туда тут из-за этого может не получиться Да из-за чего может не получиться из-за того что к примеру нет они же последовательно то есть там все равно уже будут данные первого промез там уже будут Да да срезал там проблем нет Zen произойдет я вот да Всё тогда Мы выполняем и все и потом мы должны по сути Ну это у
00:12:50 - 00:14:12
нас уже получится промез который при его выполнении вернет вот этот массивчик в котором Будут Два результата Да нет все правильно Окей такой код с работы я хотел чтобы понять смотри есть такая история что если Zen из себя возвращает результат то кроме свернет этот результат А если zna здесь возвращает другой промез вот эта функция переданная zn тогда это работает Как Flat Map понял то есть вот если сравнить с массивом сейчас они возможно немножко непонятно будет а у массива же есть метод маг то
00:13:38 - 00:14:37
есть типа ты в maps что-то передаешь и возвращаюсь результат этот результат попадает на тот же индекс массив правильно вот и вот здесь вот Zen можно в какой-то мере сравнить с матом то есть ты возвращаешь какой-то результат то есть какой-то там plain Значение То есть это не promiss и собственно промесился с этим результатом но также сын если у него вот собственно этот Функция которую мы передано вернет promises тогда что касается этот как его ну не будешь у тебя кроме завернутый понимаешь да это
00:14:07 - 00:15:04
бессмыслица промис промес Ну как бы дичь и поэтому этот как его у тебя вот внутренний промес так скажем подождется кроме с подойдет вот результат другого промеса и уже зарисовывается с его результатом то есть в данном случае fh2 даже это как его ну будете сдаться пока H2 выполнится вернет результат и уже затем Вот этот промез который здесь создавался уже зарисовывается вот немножко непонятно объяснил то есть по сути получается Если не возвращать другой промез то как бы этот вложенных промисов Не получим будет сжаться
00:14:35 - 00:15:39
результат Вот и собственно вот это как раз хотел услышать вот по поводу еще Кстати Смотри такой маленький момент есть это касательно этого того что ты сначала делаешь Push а потом делаешь спред вот можешь пояснить почему так делаешь а у нас пуш он возвращает что там по моему новая длина массива будет да новая длина массива будет соответственно Здесь нам нужно уже вернуть массив они длину то есть тут мы просто пушить не можем сделали блок кода во втором мы уже делаем возврат OK А вот здесь через Push
00:15:08 - 00:16:27
можно написать во второй части Ну например вообще там как-то функцию эту переделать чтобы здесь все-таки в результат засовывалась через Push можно То есть если мы возьмем Здесь также сделаем блок кода здесь сделаем нарезал второй рез Да и дальше мы возвращаем Да да все сработает Окей А вот можешь пояснить например плюсы и минусы вот первого подхода который сделал и второго и вообще на основе чего то есть как бы ну то есть когда можно использовать один Когда можно использовать другой То есть например либо пуш
00:15:53 - 00:17:04
Ну тут я просто написал для краткости на самом деле у нас по сути справиться с дос новый массив И то есть на больших данных Естественно что это нежелательно Мы просто будем использовать лишнюю память Вот это супер кстати сказал потому что вот часто например вижу такая проблема есть когда люди пишут какой-то код и часто бывает например знаешь вот здесь первый раз типа через спред создали здесь Вы получили результат потом использовали и вот конечно Это прикольно ему табельности все такое но например в рамках одной функции можно
00:16:40 - 00:17:49
спокойно мутировать массив то есть значит частая ошибка бывает когда в регионе все собирают какой-то массив инициализатором регионы передает пустой массив И потом каждый раз закидывать туда элемент через контакт вот и это как раз не очень получается то есть в рамках одной функции Спокойно можно использовать Push если бы сами знаете куда этот массив пойдет полностью знаете цикл жизни этого массива тогда можно использовать мутирующие методы Окей прикольно давай тогда уже на так скажем закуску с этими
00:17:15 - 00:18:19
промисами промисами попробуем написать функцию Давай попробуем просто промесол паромис ол написать функцию здесь у нас получается Ну да Короче давай дальше ты сам написать функции Кроме слов которые по сути будет работать как нативный promise.l ты знаешь как работать да Ну да то есть получается для тех кто не знает дальше расскажу быстро весь на вход принимается массив промесов и получается возвращается массив со всеми результатами каждого из промеса если какой-то из промеса получить Ну за этот
00:17:46 - 00:19:02
как его зарисовывается с ошибкой то вернется эта ошибка то есть самое первое так собственно мы возвращаем сразу новый прорез который у нас имеет призыв реджект и соответственно что мы делаем реджек тем мы как только мы получаем первый ну любой соответственно из промисов с ошибкой и резовим мы когда у нас зарисовывается все так я правильно понимаю что мы все-таки тут будем последовательно запускать Нет надо чтобы работала точно так же как и то есть также как Смотри здесь нужно сначала просто все
00:18:25 - 00:20:08
запустить Ну по идее запускать тебе ничего не надо кроме слова Как работает же ну в правый слон ты уже про мясо передаешь тебе запускать ничего не надо будет тебе ну как бы как их запустить это отдельный вопрос кроме солом просто ждет и возвращает результат давая может пример напишу опять тебе чтобы было понятней так смотри например например будет fetch 1.2 Ну и то есть смотри как ромез All используя кроме соло это же будет Вот так вот fitch фетч 1 и 52 обычно передается правильно вот ну и то же самое нам нужно чтобы кроме
00:19:22 - 00:20:36
свал как будто твоя функция Но можно было взять Вот эту функцию поставить вот собственно давай пока ты с кейс подготовлю да Ну в целом можешь писать как бы если есть уже или как думаю то есть как нам их не вызываем запустить все давай так если можешь по-хорошему бы мыслить вслух вот чтобы чтобы не было скучно Я примерно я просто пока не могу даже сообразить если я их не запускаю как я понимаю когда мне нужно то есть или я использую там какой-нибудь All settle внутри не то есть это тоже вред если я напишу
00:20:06 - 00:21:28
Кроме слов через салфету не А это даже Не сработает правильно тебя результат вернет только тогда когда все заряжается тебе нужно как можно быстрее ошибку вернуть понимаешь Вот то есть потом нужно будет его посмотреть перебрать и посмотреть этот Ну смотри ты говоришь когда ты поймешь что какой-то из Профи не понимаешь когда какой-то из промисов заряжать правильно а вот и я так понимаю что это проблема из-за того что у нас много промисов правильно Ну да А давай попробуем разбить на под проблемы как с одним промысом понять что
00:20:50 - 00:22:01
он режекнулся как понять что он реджекнулся тут собственно я просто напишу первый промез Да и на кетчури Джек Ну вот да Да теперь давай представим что у нас таких проектов много вот так я через зонах напишу много через Zen напишешь много не совсем понял через Да они не через должны идти то есть кроме как их перебрать вот меня в чем вопрос правильно ну здесь по идее же у тебя вот смотри что предпринимать у тебя здесь ну если там писать это да да можно я не написать вот как мне их все перебрать то есть что
00:21:27 - 00:23:04
шевелишь что я могу применить на них на всех мэп то в целом без разницы хоть for хоть мой обход for Rich все так Давай тогда перебираем Да дальше нам нужны опять же результаты да результатов соответственно Мы берем промез по зану если он у нас выполнился то мы результат пушим соответственно резал результат дальше если он у нас сложился то мы ловим и сразу сразу сразу ошибкой [музыка] И когда у нас все выполнились да после вот этого штуки Мы у нас реализовываем срезы это получается написал да так сейчас смотрю
00:22:29 - 00:24:42
так то есть мы все их запустили если у нас резолиться там укрепляем результаты если у нас rejectice а то Мэри Джек тем сразу весь так и так да Ну все retur на нем То есть все верно должно быть Окей А давай я тебе скажу Так что давайте скажу Так что сейчас у нас точно есть ошибка сможешь найти так то есть мы возвращаем promis с этими словами у нас должны быть результаты выше тепло какой разницы это сделать то есть мы вынесли эту штуку результаты за блок с промиса блок который внутри промиса Хотя раз мы все равно возвращаем здесь
00:24:15 - 00:26:07
нет тогда не в этом дело до если Какие ошибки Давайте тогда тогда не вижу Да смотри еще раз буквально 30 секунд как там появилась так давай тогда я собственно сейчас сказку такую проблема срезал Быстро прям тоже проблема срезался но не в том где он лежит там немножко другая более так скажем глобальная проблема вот некий там замыкание то есть никаких там то что что-то Проглядел что-то пропустил здесь ошибка вот здесь какой-то один момент не учел прям конкретно и вот это связано срезал Давай сначала с этого начнем
00:25:27 - 00:27:00
не понимаю [музыка] кроме соул он возвращает у нас ну хотя массив же вернёт массив результатов То есть если всё выполнилось Окей смотри Давай сделаем вот так вот у нас есть функции fitch 1.2 до и вот давай попробуем этот кейс рассмотреть мы поменяем твою функцию вот здесь Я так подозреваю что он вернет Как сказать Он также точно массив вернет да то есть он вернет промис они результат Роми сами результаты нет кроме не дождется выполнение если мы его этим Да нет нет у тебя в данном случае все правильно у тебя вот промес есть у тебя
00:26:19 - 00:27:55
с и в этом никаких проблем нету смотри Давай я тебя сейчас этот чуть небольшой подсказку вот давай представим что у нас например работает Top level evate Давай на это просто забьем либо внутри какой-то функции например мы вызываем раны параллель F1 и переносится fh2 Да вот и какой у нас результат должен быть Ну то есть мы например за и выйти ли Вот в итоге что у нас должно получиться либо даже давал так сделаем чтобы этот вот нас и вот здесь а это что такое здесь у нас будет у нас будет массив в котором лежат 11-22
00:27:10 - 00:28:23
11 22 Окей А в твоем случае с твоей функцией что выведется в консоль Ну то же самое так подозреваю нет складываем массив да да но проблема в том же ты используешь Push Смотри вот здесь на время Ты пренебрег одним фактом здесь первые за 800 миллисекунд 3 золота за 500 у тебя порядок неправильный будет понимаешь нам нужно складывать по индексу и соответственно for переделывать счётчик Да да это поправим ошибку [музыка] так кроме соответственно этого индекса только не промеса promises вызывать ничего не надо По идее
00:27:48 - 00:29:11
и еще одну ошибку найдешь или нет fore Да LED все правильно Окей прикольно теперь эту ошибку решили Давайте скажу что здесь есть еще одна ошибка сразу подсказывать куда Ну в данном случае если сейчас вызовешь вот свою функцию мода прям возьмем равен параллель у нас просто будет пустой массив вот собственно подсказка и стоимость то есть мы что должны резать что ли вызвать получается в плане резал вызвать этот ризов Нет почему [музыка] у тебя понимание есть почему сейчас просто вызывает пока не вижу
00:29:08 - 00:30:40
Давай тогда так догадаешься все Да потому что у нас вот синхронно происходит это вещь да то есть у нас вот этот вот resolve происходит в момент создания промеса синхронно то есть вот эти вещи уходят Micro tasky А вот это выполняется типа сразу соответственно тут нужен [музыка] не особо подойдет Ну то есть тут надо ризол ведь после того как вот это все разрезалось да как можем понять что у нас все заризовалось Как понять что все зарезалось через пару месяцев [музыка] странная вещь получится но я говорю В данном случае Не сработает
00:30:14 - 00:31:53
история будем считать кроме соло нету вот как еще какие варианты есть то есть мы должны вот этот окончательный результат делать после вот этого всего [музыка] но как Мы это сделаем если мы эти промисы в цикле запускаем Ну смотри у тебя в цикле есть промез правильно вот и тебе тебе нужно понять что все промыслы зарисовывались правильно Вот Но проблема в чем у нас получается у нас проблема в том что промисы могут реализовываться не по порядку а что нам требуется в конце концов чтобы все промесы просто зарисовывались то
00:31:09 - 00:32:34
есть нам не важно в каком порядке вот нам нужно просто понять когда все промесы уже зарисовывались вот я не знаю мысль перебрать еще раз массив И посмотреть в каком состоянии находится синхрон это сделать не сможешь то есть синхронно Да не сделать охрана ты не можешь сделать А какой еще метод есть без перебирания То есть тебе же нужно понять просто Что у тебя вот какое-то количество промисов зарисовывалось и все но есть for Away но for await они у тебя последовательно будут выполняться Давай идут все по
00:31:54 - 00:33:01
очереди Ладно давай короче просто говорю мы сейчас так затянем все надо по идее делать Вот так вот равняется 0 и собственно считались держать счетчик сделал никогда будет счетчик равен длине то можно начинать его реализовывать Да promises вот а если у тебя произошла ошибка то она раньше зарисовывается вот просто сейчас так затянемся вот если это был бы но это такая на самом деле часть немножко алгоритмическая Вот но такое хорошего прям вот про решать чтобы не было проблем с этим не просто она на самом деле часто бывает
00:32:31 - 00:33:46
Полезно не знаю вот когда какие-нибудь шины и так далее пишешь для запросов при загрузка файлов например часто бывает полезно что-то подобное Ну то есть подобного рода задачи например если загрузка файлов есть 100 кидает если сейчас сразу 100 будет грузить просто положишь его вот ну либо там часто будет какой-то ограничение worker и так далее так что мне очереди спамился сам Просто на фронте может что-нибудь такое сделать вот в таких случаях такие как бы штуки бывают полезные вот конечно не про мясо
00:33:15 - 00:34:21
описать но задача похожие Так давай этот как его начнем с самого первого Самого простого задания у нас должен быть смотри Так что такое не сработала конфликт Диф диффчик с закрывающий дивчик вот здесь у нас должен быть некий каунт вот и должна быть кнопка которой Кремень Давай Самого простого начнем Ну соответственно мы заводим Skype тут у нас есть до импорты так соответственно мы дивчик и после него кнопку да Ну по сути да то есть после него кнопку [музыка] [музыка] так-то маякни так это все будет все или
00:33:49 - 00:35:21
как давай проверим собственно так все работает Окей давай Теперь попробуем немножко другой условия сделать нам сюда в это реакция приложения нужно добавить еще давай пока меньше нам еще должна пригодится 2 часа добавим сделаем Аля какой-нибудь таймер да то есть человек заходит у него начинается отчет там 0 12345678910 Ну что каждый секунду у него increentels аккаунт Давай теперь вот это сделаем то есть таймер Мы в отдельном диске показываем Ну да то есть у нас по идее диффчик таки остается Не не как это так и остается аккаунт
00:35:28 - 00:36:50
просто посчитать сколько секунд прошло сначала куда мы будем выводить сколько секунд прошло ну вот сюда собственно тебе просто надо логику инструмент аккаунта Дописать тебе нужно аккаунт увеличивать каждую секунду То есть самка будет увеличиваться Я думал просто еще один счетчик [музыка] сразу ставим пустой массив зависимости чтобы он у нас на маунте один раз поставился и дальше начал щелкать и здесь мы будем заведем ремонт у нас будет [музыка] с интервалом в секунду так все или нет так [музыка]
00:36:14 - 00:38:06
еще нужно делать если мы это рассчитываем давай давай да то есть мы тогда делаем в целом было бы интересно ладно это все так [музыка] ошибки есть какие-нибудь Так сейчас смотрю [музыка] я вижу что у нас не идет так не идет по причине того что у нас тут каунта нет получается или что То есть он у нас не давайте сразу скажу скаута все правильно здесь Зря время не теряли на самом деле немножко глуповатая ошибка здесь именно с тем что он вообще не идет вот такая типа на внимательность давай вот здесь подсказал здесь все
00:37:38 - 00:39:33
правильно или нет функции вопрос сохранить и посмотреть а теперь я себе почему так что-то с функциями нет вот здесь не вспомнить Милана Давай скажем так работает сетайм аут работает ставит функцию set-интервался Я же говорю туплю на ровном месте один раз меняется [музыка] теперь Работает Да давай быстро Вот чуть поговорим а если ты хотел бы через тайм-аут сделать это есть ли вариант это сделать или нет да то есть он просто рекрутивно устанавливается то есть нам нужно написать отдельно функцию через тайм-аут ее на каждом
00:39:28 - 00:41:10
тайм-ауте еще раз а Давай сделаем так два варианта запуска соответственно таких счетчиков это через этот интервал рекурсивный тайм-аут то есть разница будет в том что если у нас к примеру какой-то Task продолжительный по времени то Ну все тайм-ауте мы можем регулировать момент запуска следующего таска то есть предыдущий кончился следующий запустили например в интервале он будет четко поначалу запуска отмерять [музыка] интервал запускается то есть вот на секунда первый запуск прошел и от начала первого
00:40:28 - 00:41:46
запуска отмерила секунда следующий пошел Ага соответственно сами таски будут продолжительные то тут нам может прийти на помощь рекурсивный тайм-аут Ну в целом Да наверное если что-то асинхронно делаешь если что-то синхронно Я думаю здесь какой-то особой Разницы нету типа потому что в любом случае тайм-аут не точный Вот ладно не в точности дело в том чтобы они например не пересекались чтобы они не пересекались что-то Не пересекались ну то есть к примеру через тайм-аут мы можем сделать То есть первый
00:41:11 - 00:42:19
этаж прошел да потом интервал секунда потом следующий таз пошел у нас будет так запустился секунда пошла неважно кончился он или нет Через секунду ну там плюс-минус сколько он идет на следующий раз да Но разве же такое может быть если вас тоска Но если у нас какой-то ну допустим колбеков интервале если он синхронный он сразу такой может быть то есть это же актуально только для синхронного кода или для синхронного тоже тут просто вот именно момент запуска то есть мы можем этот интервал Еще раз про
00:41:45 - 00:42:52
через все тайм-аут и мы можем этот интервал поместить там от конца до окончания первого таска до начала второго так вот шутка с этими как я их использовал но просто не я говорю что я здесь согласен я конкретно вот не замерял и То есть я не могу сказать то что например у тебя же сколько там 16 миллисекундного примерно 16 секунд сделать вот и типа я конечно не проверял там будет ли это Разница есть например Сначала сделать какой-то колбек и потом вызвать либо это делать через этот интервал но у меня скорее Вопрос такой
00:42:23 - 00:43:36
сейчас вот такие маленькие вещи не обращал внимание Вот здесь очень не могу сказать скорее Вопрос такой например Может ли быть такое что у тебя с интервалом 19 пересеклись типа одна еще не закончилась и вторая начала запускаться Если да то при каком условии Ну то есть они получаются там интервала вообще не будет то есть он будет Вот минимальный там сколько там где-то в браузерах про 44 миллисекунды писали но это не точно за 4 секунды кончилась и он проверяет что если у нас уже больше времени прошло чем интервал
00:43:03 - 00:44:10
то он тут же запускает следующую вот что произойдет пересечь сами по идее могут или нет нет пересечься по выполнению Нет ну вот по интервалу что они вот так вот впритык пойдут между собой это может OK OK хорошо По поводу того что вот впритык прям запускается кстати не пробовал делать надо как-то попробовать потому что прям тяжелые тоски внутри они запускал вот на самом деле Интересно будет посмотреть Окей но Давайте скажу так вернемся к нашему реакту что здесь можно одной строчкой сделать так чтобы
00:43:40 - 00:44:55
у нас все работало То есть как можно одну строчку поправиться здесь чтобы у нас вот это вот все работало как с интервал [музыка] там наверное есть у таймаута еще аргумент повторяемость Не нет такого аргумента Нет это бессмысленно было бы да иначе бы он этот имитировал полностью интервал Нет он просто просто рекурсивно его перезапускать изнутри Давай скажем так дополнительные функции Ничего не надо писать вообще есть тогда нам нужно перендовать этот об Каждый раз то есть если мы вот сюда вот добавим каунт носка он будет меняться
00:44:17 - 00:45:47
Ну там у нас на самом деле так каждый раз будет потому что стоит обновляется этот функцией просто эффект как бы заново не вызовет состав новый вот здесь вот вместо функции можно передавать чтобы она тут нет реально зависимостью тела но в целом Да я говорю это это я хотел уточнить Давай вернем туда все назад Окей хорошо у нас все работает а давайте теперь вернем вот эту кнопку вот эту кнопку вернем и сделаем вот так вот давай пока он коллеги оставлю пустым и сделаем так что у нас здесь вот в начале стоп будет стоять и потом у нас
00:45:18 - 00:46:36
как бы когда мы нажимаем на кнопку стоп останавливается интервал и потом кнопка превращается в Старт когда мы нажимаем Опять этот счетчик продолжает свою работу сможешь сделать да так Ну я бы под это завел еще один стейк стоит по умолчанию соответственно на кнопки у нас будет израининг если он идет то у нас здесь будет стоп в противном случае старт и теперь нам нужно здесь то есть у нас из ранен к любом случае пойдет зависимостью на клике мы будем [музыка] предыдущее значение так и соответственно Здесь нам нужно
00:46:02 - 00:47:43
поставить уже логику запуска то есть здесь [музыка] [музыка] запускаем [музыка] так камера иди нам нужно вынести ругается да у тебя не показывается ошибка токена вижу речи был код Вот это нет тебе с этим он ругается на типизацию таймер ID он говорит таймера денег так но он сам-то вообще бегает или не бегают добегает Так что с ним сделать но мы можем его вообще внутрь интервала поставить да что внутри интервала поставить Ну условия изранен внутрь интервал Это плохое решение у нас со зря будет вызываться функция точно все равно будет
00:47:26 - 00:49:27
каждый раз запускаться Ну ладно давай допустим сейчас ставь скриптом не будем сидеть Окей допустим здесь и не стоит у нас и это ошибка уйдет на самом деле он просто ругается что он типа не знает то есть у тебя есть из раннинг вот здесь типа он подхватывает из Но вот здесь вот если из ранее не вызвался тогда непонятно какой-нибудь тип понимаешь Вот то есть какой-то инициализатор надо по-хорошему тебе надо будет передать типа намбер или антифайт вот но Вопрос не в этом я не знал просто что у него вот этот вот
00:49:25 - 00:50:23
теперь молния там какой-то специфический с интервала ну там типа уникальная идея да да ну короче есть история что какая-то там своя шляпа в типизации там типа этот волок кстати он как раз таймер и пишет Вот у тебя типа тип называется таймер Да вот Но это потому что нас типизация но здесь установлена сейчас это это Ну да короче он не поймет откуда его брать не-не это не будет так это у тебя вот что-то такое должно быть но Джес точка то это есть типизации нода идет на нас пойди браузерный код Господи просто намбер или
00:49:56 - 00:51:15
антифайн будет Вот и почему он берет типа но доски тип из-за того что у нас типа этот тайп снова установлен здесь вот так Windows этот интервал сделать что все будет работать без ошибок Вот я говорю как этот код можно почище написать просто у тебя немножко этот как его непонятный получился так непонятный получился Ну короче ладно давай Я просто быстро скажу на этом не будем зацикливаться это просто на ревью пишет Ну то есть самый простой вариант это вот оставить код какой он у тебя был без всяких там проблем и так далее И вот
00:50:40 - 00:51:53
здесь просто если ноты [музыка] да да потому что у тебя как сложнее получается Давай на этом не зацепиться У тебя ошибка в том что у тебя по дефолт Я просил что он запускался Но это ладно вот мы начинаем типа делаем стоп старт и он продолжает окей Все норм хорошо хорошо хорошо [музыка] с этим Окей давай закончились какой-то базой реакта Давай попробуем сделать вот так вот два и напишем новый экспорт фарш об и задача будет какая-то сколько у нас уже времени совет идет уже почти час идет кстати плохо метился
00:51:22 - 00:53:01
в час но да ладно окей смотри что у нас за задание собственно я сейчас пока сделаю Return If Ice Да у нас есть Файлик смотри этого src API и называется туду вот там как раз есть типа методы вот есть интерфейс Давай сейчас экспорт Но это экспорт туда и там и есть методы например Get iTunes потом апдейта этом дилетай там и вроде бы все давай попробуем на основе них сделать Туту лист сначала банальный потом может быть как-нибудь лучше Вот с каким-то стилями может не париться просто вывести их там формально там и рядом с ним комплекте
00:52:13 - 00:53:53
или нет кончик бокс делать так не растаскиваемся на файлы Да прям вапе делаем да прямо в API делаем Если хочешь типа какой-нибудь Ну пойди его по-хорошему порту А ты чтобы видел Да вот давай пока импортнулся функции которые у нас есть что тебе удобнее было вроде подхватываются и по-хорошему если можно там как-то комментировать дальше ты делаешь Какая логика и так далее вот что было все-таки поинтересней так Ну значит держим все на уровне а по нам надо значит вставить завести наши тудушки у нас там есть что-нибудь
00:53:03 - 00:54:31
для инициализации или нет и не шел какого-нибудь для инициализации нету Не ну да по сути по сути Да Представь что ты загружаешь Все ли ничего нет работает дальше заголочек дальше мы делаем для новой тудушки какую-нибудь форму да Ну то есть просто input [музыка] [музыка] двойным тегом это впервые вижу [музыка] соответственно для этого импульта мы заводим новый стоит Значит у нас он будет стриминговый у нас будет вылью и сеттер будет то есть по-хорошему написать будет [музыка] извентарь мы достаем
00:54:17 - 00:56:11
теперь работают и связан с этой дальше по кнопке у нас Нам нужен будет обработчик для который будет уже добавлять новый тудом значит делаем [музыка] массив докидываем новый новый мы собираем тут значит нашему интерфейсу у нас будет ID Ну по идее тут надо либо уникальная лишних заводить либо какой-то счетчик вести с которым убрать смотреть сейчас прерву проблема у нас в чем создание тушки у нас типа синхронная и по идее айдишник будет создаваться на backe то есть ну уникальный так вот я на бэкент мы Передаем только строку и он
00:57:10 - 00:58:48
нам возвращает туда Ну по идее там мы перейдем вот там есть как раз функции То есть у нас есть вижу да то есть да он берет стрингу и возвращает нужный нам интерфейс все супер да ну потому что например кредит этот таймс Темп если что вот и по идее он тоже как бы на быка не должен по-хорошему создаваться фронтовое время может быть разные сюда мы накидываем нашу Значит это у нас будет асинхронная штука [музыка] туда Передаем [музыка] Что такое блок Скотт вырвал давай сразу быстро по синтаксису не туда
00:58:20 - 00:59:44
там много этих много чего неправильно сможешь раз подправить так не туда я неправильно [музыка] Ну вот когда пишу это и другое вместе так создаем тра-ля в ту духу сетоем и наверное сразу же нам нужно сбросить [музыка] соответственно получается мы Передаем туда этот обработчик и Теперь сюда выводим список наших здесь мы должны их промобить [музыка] на [музыка] здесь и у нас будет так чекбоксики будем ставить да скреатит да да По идее у тебя этот чекбокс должен быть и далее по его изменения статус
00:59:44 - 01:01:50
изменяться также будет равно конфликт Здесь нам нужно сделать Да но вопрос в том что почему ты просто в линии засунешь тебя же уело челдер не липы или должен быть страну плодив сайт логично вы слил тебя как бы ничем не хуже сделаю кнопочка с редактированием да сюда делаем кнопочку с редактированием удалением [музыка] нам уже все равно надо это все дело на компоненты разносить получается не очень красиво не Если будешь разводить просто в рамках одного файла потому что мы как Собес проводим сейчас там на файлы делить это
01:01:33 - 01:03:13
Немного неудобно будет Вот если прям сильно хочешь в отдельный файле можешь сделать времени долго Давай сделаем здесь просто компоненты у неё значит пропса должна быть наша [музыка] форматирование А здесь сейчас у тебя синтаксическая ошибка нет сделать форматирование Так что он хочет давай я подправлю здесь а ты дальше там посмотришь но тебя ниже тут типа мапа если возвращать просто скобки что-то вернуть из-за этого форматирование не работает в качестве соответственно дальше в него пойдут Давай сначала допишем до это и поговорим
01:03:33 - 01:05:15
про пару моментов долг какого это Давай сначала закончим с добавлением и потом просто поговорим немножко посмотрим как работает потестим и [музыка] так так скобки не хватает прилетают Так давай тоже все сохраню обновлю страницу Ну вот вообще сейчас ты смотришь на это приложение какой-то проблемы видишь я сейчас вижу ошибки ошибки Так здесь у нас ключ должен быть хорошо теперь проводят человек [музыка] то есть у нас он ругается что у нас чек есть он change нету соответственно Здесь нам нужно сюда прокинуть
01:05:12 - 01:06:54
Ага давай пока что вот прям на секунду прямо остановится норм смотри В чем собственно вопрос Вот ты посмотрел на приложение типа тыкал по создавал подушки Да ты какие-нибудь проблемы пока что в текущем текущей реализации нету то есть какие-то проблемы заметил или нет Ну что можно сделать лучше что тебе например не устраивает Понятное дело что мы сейчас на собесе у нас ограниченное время но вот с точки зрения вот как сайт не нравится Может быть или тебя все устраивает [музыка] Ну вот есть такой момент касательно UX
01:06:52 - 01:08:16
один вот который напрямую связан с кодом Давай просто попробуем обсудить видишь что-нибудь такое или нет потыка еще раз просто создавать можно было сделать формочку чтобы через интернет срабатывал и насадмите делать Да это первый момент это прикольно что заметил это Good прям вот второй момент еще есть касательные X А вот который мне на самом деле раньше даже три я бы сказал Ну ладно давай еще один найдем хотя бы Ну тут как бы понятно что разметку можно сделать лучше не разметка не дизайн Вот именно визуальный визуально Давай скажем
01:07:43 - 01:08:59
User человек зашел на сайт и вот он создает например разметку ничего не знает с этой точки зрения тогда не понимаю Окей Ладно давай погнали дальше тогда ты не будешь обсуждать Давайте доделаем задачи расскажу потому что я просто понимаю но не придает значения не Я скорее говорил про оптимистика апдейты про лоу один то что ты добавляешь Я помню там полторы секунды ставил или секунду тайм-аут и добавляешь у тебя типа висит стадии Ну то есть какой-нибудь сделать либо Loader сделать либо оптимистика
01:08:31 - 01:09:39
апдейт просто я говорю У нас по времени сейчас мало Я говорю вот лоудер можно будет сделать вот это будет ну как бы это прикольно было бы но у нас сейчас по времени много займет Вот давай давай давай давай пойдем дальше Давай доделаем сначала функционал базу потом улучшательство небольшие Так ну чего тут у нас получается по идее выглядит так что лучше сразу переходить там на какой-нибудь контекст потому что мы сейчас и запах будем перекидывать кучу всего пропсами всех эндлерами была и лист выделить Да в отдельный
01:09:09 - 01:10:26
компоненты формочку в отдельный компонент тут у нас пробрилинг намечается вот этим мы заморачиваемся или сейчас Просто ну слушай Вот давай как бы этот не бежать вперед провоза смотри у нас есть вообще маленькая маленький об который здесь вообще ну то есть размером сколько там строк 30 тебе вот это вот вообще по идее можно было даже не выносить в отдельный компонент давай вот этим не заниматься в данном случае представишь нас вот такой вот настолько маленькое приложение то есть где просто передай и все
01:09:53 - 01:10:52
Ну тогда Передаем здесь соответственно нам нужны будут обработчики значит нам будет нужны это обновлять соответственно его статус можно идти передать как он у нас там выглядит этим это у нас Давай сначала сделаем два кейса сейчас раньше тебе этот как твой сот просто с перебиваем пока ты думаешь процесс Вот давай сначала сделаем две эти это сделаем чекбокс и сделаем делит вот а едет наконец оставим то что он побольше функциональности то есть чекбокс сначала сначала чекбокс делит Вот и потом редактирование тайтл посмотрим Будем
01:10:22 - 01:11:45
делать или нет хорошо так апдейт в листа этим Значит мы Передаем он [музыка] Здесь нам нужно будет функция с ID Здесь нам нужно будет обновлять [музыка] если бы этого айдишник нашему [музыка] будет и [музыка] если мы апдейтим наш айдишник то мы Передаем туда в котором мы меняем [музыка] комплекте на этот Так на что он ругается [музыка] я опять сразу стейки меняю вместо того чтобы отправить на бык занимаюсь соответственно [музыка] Душки найти дальше [музыка] смотрим Что у нас там в апдейта этим Просто этим который у нас пошел
01:11:22 - 01:14:06
обязательно [музыка] так моего достали [музыка] [музыка] до стабилизации в целом пока что бардак Давай я пока чтобы не задерживались поправлю быстро потому что тут они за нами ра Тут нужно проверять что он есть Да не это первая часть номером тоже ругался что нету типа и тогда вот это уйдет [музыка] Просто у нас И теперь мы здесь соответственно [музыка] [музыка] [музыка] тогда он у нас едет по порядку Да Ерунда получится то есть вот здесь вот как раз нужно то логика которую я писал [музыка] Почему фильтр
01:14:09 - 01:16:24
[музыка] [аплодисменты] [музыка] [музыка] [музыка] так [музыка] [музыка] я чудо немножко тебя задержку восстанавливает [музыка] все Все нашел Так ты соответственно типизацию писать надо чтобы это не светил но так типа готово без этот переключатель работает Да переключатель работает а так давай на это пока что остановимся просто нас уже полтора часа получается почти Вот и я так предполагаю тоже подустал Вот я тоже на самом деле немножко у меня что-то тут уже башка плохо варит Давай собственно может быстро поговорим про то
01:16:19 - 01:18:51
как ты реализовывал бы апдейт вот смотрите сейчас сделал бы сейчас сделал апдейт это просто по идее типа он компетенчиком какой-то можно назвать А если тебе нужно было обновлять Hello как бы ты сделал то есть ну точнее то есть нужно было обновлять как бы ты сделал нашла рассказать Ну по идее дальше соответственно если мы обновляем уже и галочку и по лесам у дата Я бы это дело утянул во-первых листайте эти вещи во вторых соответственно там бы уже в листа этим я завел бы локальный стейт Ну назвал бы его там Эдит мод Да это для
01:18:22 - 01:19:44
самого полетает соответственно при переключении у нас был бы условный рендеринг то есть либо он рендерил бы просто текстовое поле если он не в режиме редактирования если в режиме редактирования то и соответственно там же условия кнопочка там Эдит менялась бы на сейф и при нажатии на сейв она уже я обновлял Ну то есть вот при нажатии на сейф уже шел бы запрос на описку Окей хорошо хорошо В целом звучит логично Так давай начнем по фидбеку Конечно я сразу не записывал Давай начнем самого начала с промесами вот в
01:19:04 - 01:20:28
целом знаешь понимаешь но вот как-то Чуть более глубоко то есть видно что ты их использовал Да но вот как-то прям вот такого глубокого понимания то Вот кстати интересно Еще провод это то что когда не помнишь мы говорили есть чем-то Fall на меня нажать там новый аватарку и ты будешь со мной ходить по курсором вот я просто не помню кто играл там была задача фетиш один два вот я выделяю сейчас возврат внутренний Я же говорю как работает что если ты знал или просто написал как бы и она сработало вот здесь
01:19:51 - 01:20:56
интересно на самом деле нет здесь здесь вот конкретно сам механизм Как это работает не знал но просто писать вот так приходилось поэтому на рефлексах но я понял да Вот как раз про эти игры что видно что ты более менее что-то понимаешь но вот чуть поглубже все-таки хотелось бы то есть в метла мечешься правильно вот на самом деле просто я говорю здесь разных компаний разные как его требования Да и мидла она как бы самая такая плавающая вилка тоже джун это как бы человек который что-то может делать
01:20:26 - 01:21:27
какой-то да то есть ну его надо подучить надо там помочь ему Да там где-то объяснить но в целом какие-то задачи делать там и это за дело народ всего берут Вот видел как бы она более плавающая но в целом Я сейчас оценивал как человек который может задачи делать то есть ты ему отдаешь делает он делает как бы постепенно он будет учиться там понимать а вот да ну просто промеса такая вещь как бы я не знаю То есть я бы хотел бы чтобы человек понимал подробнее вот ну просто я буду давать фидбека отталкиваться тоже заметишь вот потом
01:21:00 - 01:22:05
вот здесь вот тоже как бы с промесол она такая задача полу алгоритмическая полупромиссы Вот и как-то Ну что-то такое средняя знаешь такие JavaScript алгоритм так скажем да то есть это не какой-то хардкор там я не знаю алгоритмов и там не то что типа человек там полетел из оттуда в этот аэропорт в тот там типа и так далее там Посчитайте короткий путь Ну то есть это вот нет но в целом здесь как бы такие вроде бы просто алгоритм но вроде бы кроме съесть Она как-то знаешь так сложнее становится вот что-то подобное мне кажется
01:21:32 - 01:22:30
в голове вообще не щелкала что это про алгоритм что тут можно типа просто завести счётчик алгоритмическая штука просто как-то думал что тут Всё дело в механике Ну да я да но просто игру ты вначале как бы это знаешь как бы немножко растерялся Такой типа апромиссы А как мне их вызвать там типа ну это и ладно ты не так понял что я функции передать Такой типа как мне по ним пройтись просто значит Ну я тебе говорю это массив И ты вот ну знаешь как его просто встрял в ступор то есть вот здесь как бы знаешь
01:22:01 - 01:23:07
вроде бы всё по отдельности знаешь что вместе как-то оно немножко плоховато собирается здесь мне кажется тоже надо чуть-чуть подтянуть и вот может посмотреть Значит я не знаю это сложновато будет Я помню сам как-то разбирался всякие полифилы промеса смотрел Как это работает ну либо какие-то вот задачки тоже такие порешать подобные там попробуем Вот ты можешь попробовать сразу после этого решать какие-то есть рейсы и так далее То есть можешь их подписать почесать промисы и про всю эту историю потому что это прямо
01:22:37 - 01:23:29
бывает реально полезно вот Ну и как бы касательно написание кода давай сразу скажу с написанием кода у тебя как бы ну я например это внимание обращаю Потому что ты пишешь знаешь типа ты пишешь в одну строку все у тебя немножко там скобок не хватает того всего то есть как бы она тоже это внимание обращает это не какой-то сильный критерий Да но с этим проблемы тоже бывают и тебе на самом деле само тоже сложнее бывает если пешеход лучше сразу писать по крайней мере скобки лучше сразу нормально писать
01:23:04 - 01:24:00
Да надеюсь на авто форматирование но скобки ты сама пропускаешь здесь тебя форматирование не поможет вот я обычно нажимал ctrls когда мне уже непонятно было Вот еще один Аспект такой-то соски ланд и Ну не объясняешь хорошо что ты хочешь сделать понимаешь Я скорее сам тебя заставлял разговаривать и наводил на твои ошибки но на собеседовании Многие так делать не будут Ну то есть люди которые которым не по кайфу например просто сказали там какой-нибудь там скрининг проводить и там 30 минут они там задачу например промис олдадут
01:23:35 - 01:24:41
например нанимают на метла например взяли задачу Кроме слов и поставили кого-то человека который там уже сто раз видел как эта задача решается либо не решается он не обязательно там лучше чем ты хуже чем ты короче вот это ничего об уровне разработчиков задачу решать вот и как бы на таких можно попасться вот здесь Конечно можно задать вопрос в целом к компании там о качестве хайринга но такой часто бывает Я говорю Вот Но типа вот как бы знаешь не всегда из тебя будут клещами выдирать твой этот твои
01:24:08 - 01:25:10
мысли Вот лучше громко говорить Ясно И тебе человек сам оставит поможет если нормально собеседующий а как то так так потом по реакту здесь как бы то же самое было так ты пишешь пишешь типа этот как его с форматирование не очень И совсем этим вот в целом вот здесь по этому по интервалом поэтому всему сделал Нормально носом нужно быть повнимательнее да то есть видно что ты когда задумываешься где-то вот видно что ты это можешь сделать но опять же вот касательно из этого Из нашего интервью То есть я не знаю мне так показалось что
01:24:38 - 01:25:51
ты прям вот сам что-то прям какие-то сложные компоненты сложные логику там где там например что-то взаимодействовать либо синхронная логика что-то подобного много не делал правильно ну во-первых в основном на готовых компонентах логика там в основном правилась то есть делал там скажем какую логику Ну вот там какие-нибудь Gift карты например как они там с кучей взаимодействия методов оплаты логика больше такой знаешь дерево с разными вариантами но я помню больше профилаксы да да вот опять еще по написанию кода вот здесь с
01:25:16 - 01:26:38
Return То есть ты засунул Да вот это как бы это тоже немножко такой с плохих моментов но в целом как будто сообразил как сразу сделать интервалом там что к чему там такие эффектно использовать здесь видно что какая-то база есть но вот на практике в применении немножко проблем бывает еще из фидбека Смотри я тебя спрашивал как ты говоришь Норм но в какой-то момент Ты просто забыл и все Короче знаете вот ничего не пишешь таки стоит вот в целом многие не проводят на тайп скрипте этот как его собеседование Но я типа на самом деле
01:25:56 - 01:27:11
считаю как если работа была на тачскрипты обновил проводил потому что ну то есть как я тебе сказал до собеседования сейчас у меня подход такой что Ну именно в этом собеседовании был я хочу на практике посмотреть Да человека Вот и здесь как бы непосредственно смотрю как он думает и как он пишет код вот здесь как будто прям про тайп скрипт вообще забыл то есть ничего не делал в целом ты мог уже листать там сразу описать и писать дальше здесь тоже handle change написал пишешь дальше Да вот с функциями тоже как-то Симка там
01:26:34 - 01:27:32
сначала спереди написал и так далее То есть написал какой-то каркас потом пишу логику Вот на это тоже внимание буду прощать вот забыл не очень хорошо В целом как бы видно что с подушкой Ты понимаешь что к чему что как делать Ну вот на такие моменты тоже могут обратить внимание Вот как с формочкой Да например как бы этот ты сказал хорошо вспомнил но как бы сразу напишешь если ты сразу такие вещи Это ж не на полчаса тут все равно как бы много букв вот в чем тут вопрос Да С одной стороны смотри много букв с другой стороны как
01:27:03 - 01:28:21
бы это значит дачка видишь обширная То есть непонятно С какого края начинать что у нас тут первично тоже видишь стараешься торопишься думаешь то есть с какого конца лучше подойти то есть либо функционал либо что-то там сделать красивое это но мало Ну вообще в таком случае последовал бы тебе разговаривать с человеком да то есть она снял ты делаешь Правильно что ты хочешь сразу весь функционал покрыть Но по крайней мере сказать стоит будет бонусом в твоей карме так скажем Да вот и как бы в чем прикол этой задачи например с тем
01:27:42 - 01:28:48
же туду листом потому что она кажется маленькая но на самом деле она обширная Да если мы считаем что у нас собеседованием этом размялись где-то полчасика у нас там полчасика там 45 минут есть смысл в том что здесь много маленьких деталей есть да то есть и они как бы ну то есть если человек прям такой прям Супер это видно что много кода писал такой прям обычно быстро накидает накидать типа здесь добавил то добавил это уже как-то автоматом будет знаешь многие задачи и я вот здесь как-то больше смотрел на это и вот здесь
01:28:18 - 01:29:13
заметно было дальше Ну то есть знаешь как делать какой-то автоматики нету где-то вот местами но в целом как бы до решения доходишь что тоже окей потом по неймингу я тоже заметил у тебя с неймингом немного не очень возможно тоже торопился но здесь тоже типа handle change handel update Ну типа как бы вот здесь функции он сделал Ну давай сразу пройдемся handle change это например handle там я не знаю можно сказать New touchange например сделать потом вот здесь он апдейт и типа у тебя он апдейт и вот здесь он чинишь придешь
01:28:45 - 01:29:53
То есть он апдейт можно было бы знаешь как сделать а он апдейт можно было бы ее назвать если у тебя была бы функция универсальная которая обновляет Ну при любом импульте типа обновляет айтом Да И вот здесь уже разнести логику там он бокс типа он title change и так далее Вот так ты сделал типа на апдейт и вот сюда передаешь типа хендал апдейцы тоже хендал апдейт Хотя здесь по сути Ну логика Вот только связанный чекбоксом То есть он такой тоже внимание будут Ну по крайней мере я обращаю вот с неймингом
01:29:19 - 01:30:15
как бы хорошим да то есть Ну вот кстати вот эти вот штуки вот такие снейпингом да то есть сначала все равно как-то пишу Стараюсь быстро до что-то там набросать потом возвращаться к именам именно уже после Когда уже структура понятна и все обработчики на месте Вот тогда их можно там переназвать ну чтобы они во-первых между собой все были как бы в одном стиле Да чтобы было исчерпывающие именно когда они все вместе не в целом Я говорю ты делаешь Правильно просто например про это сказать тоже можно и то есть мы как
01:29:47 - 01:30:53
бы делали по времени я то есть говорю что вот что могло быть лучше здесь я понимаю что в каком-то месте раскидать в каком-то месте сделать вот ну и я говорю побольше говорить да то есть могут сразу рассказать примерно как все будем делать когда мы проверили тоже был прикольно вот в остальном как-то так вот если надо отвечать на твой вопрос то есть на метла Взяли бы или нет Я просто не знаю то здесь разные уровни есть правильно Такой типа есть Middle такой начинающий который с женой перешел Да вот типа
01:30:20 - 01:31:22
Market задача давать он сделает там надо подучивать есть наверное знаешь типа миду бывает чуть ли не там никакой семерка уже почти знаешь который там ЗП там уже и 250 и 270 бывает там Ну значит уже там перед сеньором сеньоры тоже там управлять Немножко там немножко там какие-то инструменты делать Вот если такой вилки смотреть я бы сказал что ты где-то ближе к началу Вот но в целом можно подтянуться Мне кажется он за пару месяцев А если например сделать какой-нибудь проект такой сложный Вот и попробовать вот знаешь как-то вот
01:30:51 - 01:31:57
прям по всем аспектам пройтись посмотреть где-то там что-то не так сделал вот где-то где какие-то ошибки где с перфомансом не очень там где у тебя компоненты плохи то есть попробовать какие-то снуд знаешь вещи сделать чуть посложнее Вот например вот как я делал помню в этом в лайв кодинге вот этот разработку дать пикера например что-то подобное можно сделать попробовать знаешь и ты вот пока это сделаешь ты прям очень много научишься Вот и заодно У тебя рука бы набиваться значки таком проблемы решать
01:31:24 - 01:32:21
в реакте с помощью хуков там с помощью отдельных компонентов и так далее какие-то различные паттерны начнут появляться Вот это из Советов Ну и так чуть теорию подтянуть я прям по теории много не теории много не спрашивали Да по теории много не спрашивал так вот Я говорю теория практика по проме сам по всякими вент лупам и вот чуть такие задачки порешать подробнее разобраться потому что вот с промесами например теми же часто бывает как бы люди не могут что-то сделать немножко теории как бы не хватает теория плюс практика Вот это не
01:31:52 - 01:32:54
чисто там прочитал Вот но какие-то такие моменты знаешь крайность тонкости они есть вот тем более цветом знаешь что любят всякие там эти задачи Как там как этот задачи которые не всегда то есть на работе пригодятся там спрашивать когда ты говорил да Климов да то что Есть два вида JavaScript который на этом на собеседование пишет и на работе Вот это в целом по фидбеку вот если то есть какой-то фидбек тоже по собеседование может тоже дать Сейчас может это не понравилось нет интересно спасибо прикольно что
01:32:23 - 01:33:37
все на эту самую практику то есть вообще без теории редко такое вообще видел все равно вот где я там проходил да всегда идет какой-то там этот теория почек листу там какие-то там те же самые собеседования вот эти примитивные задачки но тут прям все ну Единственное что вот когда такая большая задача тут надо или сразу да поговорить про неё то есть какой план с чего начинаем В какой последовательности там все делаем или прям кусочками ее давать потому что глаза разбегаются вот так вот непривычки Да что понимаешь что там функционала в
01:33:00 - 01:34:20
нем много в этом листе и пытаешься схватиться за все поэтому получается такая каша Ну да я кстати вот прям вот на заметку тебе сказал бы вот что-то подобное бывает прям может знаешь сразу взять сверху там в комментариях написать Что делаем Что приоритизировать какие-то вопросы спросить вот это кстати тоже такая вещь на которую внимание сильно обращают Потому что знаешь типа ты человеку напрягалку небольшую задачу там где-то не дописал где-то поторопился например на работе Засиделся Да это тоже не очень хорошо что надо сказать это
01:33:43 - 01:34:46
большая Там здесь этого не хватает разделить как бы такой знаешь немножко такие уже навыки может быть более семерские покажет да вот это тоже прям прикольно то есть я не говорю что это обязательно там что тебя из-за этого на работу не возьмут и так далее такого нету Вот это неплохо да то есть в любом случае Катя какую-то задачу дают в начале неплохо там есть что-то непонятно там сразу отговорить там знаешь типа вот спросить потому что в конце концов то есть не все смогут понять Твою точку зрения правильно вот а результат будет
01:34:15 - 01:35:09
не очень хороший вот Ну по крайней мере в глазах твоего собеседовающего вот поэтому Да точно на заметку возьмет хорошую что-то непонятно То есть можно там пару минут поспрашивать А вот здесь как бы здесь что хотите там стиле нужны это нужны Это не это нужно это не нужно знаешь типа Вот я например на стиле в данном случае вообще не смотрел может человеку там конкретно какой-то обширный этот Круг всего важно что ты можешь там Ну хоть хоть более-менее там при стилизовать прикинуть да Ну что-то такое посмотреть нужно же
01:34:42 - 01:35:43
понять чего чего человек в первую очередь вот чтобы собственно под эти критерии уже и решить задание Ну наверное у меня по фидбэку все вот есть все что сказать добавить спросить так далее за Нет все спасибо очень полезно в принципе интересно встретиться в реальной жизни такой Собес или нет но прям прикольно Окей все тогда Спасибо что пришел уделил время давай тогда пока давай спасибо
Итак друзья Давайте приступим к самому собеседованию у нас в гостях сегодня Иван Привет Ваня Расскажи о себе Привет Ну собственно в общей сложности работаю по всяким со всяким кодом наверное лет 5 но непосредственно с фронтом С февраля получается прошлого года в организации работал значит в крупном аутсорсе проект был зарубежный с довольно большой командой собственно ecommerce платформа по стеку это реакт стоит менеджер был у нас редакса была cms это dobe стиле у нас было CSS В общем вот по бэку там ну собственно
00:00:00 - 00:01:47
был бы ф.ф на ноги и дальше там уже Java вот по задачам приходилось заниматься соответственно всем вообще там начинает стилей и контента до реакторских компонентов еще небольшие библиотеки Ну типа там платежи и так далее Прикольно А вот по поводу cmsки ты упомянул типа Adobe которая она собственно Для чего использовалась вас как раз не интеграция была или же это либо фронтен подняли Ну собственно до реакта все собственно было на ней заточено да то есть все товары там видимо какая-то большая группа контента работала потому что это
00:00:53 - 00:02:22
магазин Там прям свековой истории можно так сказать и там собственно было когда еще до реактора все заводили туда вот товары то есть собственно все страницы все вот эти акции все верстались через вот эту штуку и потом собственно с реактором Когда это все связали такая себе не очень получилось система прямая которая связывала доп экспириенс менеджер не очень дружит с реактом то есть там такое приложение по итогу получилось довольным спрос даже мультиплечь в пределах страницы скажем это корзина переходим куда-нибудь
00:01:38 - 00:02:58
каталог Это уже другая страница с передачей там огромного стоит А через дату атрибуты и так далее но собственно Это вот их Legacy А в этой получается 7 печки не было все как она тогда понятно Нет наша Фишка все взаимодействие через BF было А вот интересно у нас получается BF Для чего нужен был Давай сейчас быстро еще расскажу BF это Back frontent обычно расшифровывается Вот про свой канал JS вот я обычно я все по-разному используют Вот как раз интересно было да Для чего именно вы использовали что у нас именно для упрощения работы
00:02:23 - 00:03:46
фронтам потому что там на байке там уже было какое-то сильные сильные короче разветвление по версии запутанная была пешка и до нас уже такие более-менее очищенные ручки приходили Вы тоже писали Да сами Нет Это у нас была другая команда то есть я говорю что у нас было в районе там 150 человек на проекте То есть это очень много все это дело было побито На склады внутри каждого склада еще разделения фронт эти вот BF и Back У нас очень такая развесистая структура была сейчас 150 человек Окей окей Яндекс полностью стоит даже
00:03:06 - 00:04:27
меньше человек просто да Проектная специфика Короткие сроки чтобы все это дело быстро сделать пришлось вот так вот масштабировать Хотя конечно Это не совсем тот эффект наверное который считывали получился Ну да да прикольно окей Окей слушай Ну прикольно давай тогда начнем уже самим собеседованием Вот первый про что я хотел поговорить Это про и про промес скорее всего уже работал с ним можешь вообще показать как кроме создается что это такое рассказать Может чуть дальше пойдем собственно это специальные
00:03:50 - 00:05:06
объекты для работы с асинхронным кодом для создания [музыка] штука у нас соответственно принимают дальше функцию экзекутор с resolve там и соответствии от внутренней логики Да мы Кроме сможем либо выполнить рисованных либо Отклонить реджек например написать там Прикольно А вот еще кстати такой вопрос Например если вот здесь будет что-то такое сталкивался с такими сидеть ошибки вылетит что будет справиться Ну собственно ошибка наружу вылезет ошибка наружу на сам состоянии будет кроме скорее всего rejet
00:04:28 - 00:05:59
да По идее Насколько я понял тоже должен реджекнуть Можно даже проверить на всякий случай консол точка Error Да но реджек нет но в целом логично OK А вот смотри например если у нас есть несколько промесов и нам Например нужно подождать Так какие у нас варианты есть например сейчас сделаем вот так вот function например Wait For results прям нас будет приниматься по 1 P2 и какой будет самый такой типа быстрый способ вот подождать эти два промиса и вернуть какой-то результат например Давай сделаем вот так вот fitch 1
00:05:42 - 00:07:05
и fh2 это функции вот как бы ты сделал нам надо вызвали обе эти функции то есть они в теории могут вернуть ошибку то есть вернуть какие-то результаты Да если получается ну то есть возвращаем результат тогда когда оба обе функции завершились да то есть вернули уже результат и если произошла какая-то ошибка возвращаем сразу ошибку Ну тут два варианта если мы хотим их выполнять последовательно то мы делаем фичи один zenfice 2 если мы хотим чтобы они выполнялись параллельно то мы заворачиваем в промеsal соответственно
00:06:23 - 00:07:28
внутрь Передаем массив еще один fh2 еще есть вариант соответственно если нам не нужно чтобы падение первого века у нас рушила Интересно смотреть и сказал про вызов одного кроме за другим А можешь показать как будто написал это у нас промисс ну я проснулся с этим результатом делаем какой-нибудь стоит дальше можем [музыка] так соответственно делаем тоже что-то с результатом задать раньше Давай отформатирую код чтобы это получается вот так весьма скобки не хватает одной где так хорошо а вот подобный код он вообще
00:06:56 - 00:08:40
сработает в данном случае то есть например нам нужно вернуть массив результат то есть Нам нужно сделать вот если массив туда то мы вначале задаем массив И вот здесь вот мы будем в этот массив пушить результаты здесь пушим первый результат там пушим второй результат в конце через стой подожди но вот Окей Ты говоришь ты по если тебе нужно было бы сделать Ну как с промез All только последовательно вызвать сначала fh1 потом фетиш 2 Ты просто вы через Осинка выйдет сделал правильно ты это говоришь Осинка то же самое Да он тоже вызовет их
00:08:43 - 00:09:43
последовательно Да у меня скорее просто Вопрос вот к этому коду Давай представим что у нас вот F1 возвращает например один то возвращает два вопроса намбер вот и что в таком случае нам вернется из функции Вот как сейчас написано да так то есть у нас сейчас вернется [музыка] вернется в любом случае промес Да верно запрос но с чем он зарисовывается Давай представим что у нас ошибок нету то есть у нас ошибки ошибки не случится вот что в данном случае вернется вот сейчас вообще ничего не вернется то
00:09:18 - 00:10:28
есть мы же ничего не делаем да да вот Окей А если мы хотим чтобы вернулся этот как его вот в таком стиле Например если мы хотим написать Как можно написать так чтобы вернулся массив Ну ты просто рассказывал может написать то есть мы здесь вот делаем результат это будет массив здесь мы результат на даем урезал здесь мы соответственно получаем второй результат и здесь мы можем вернуть как раз result и сюда записываем второй промез Окей А вот смотри по поводу Зена вот здесь вот здесь уже нет никакой ошибки ты не
00:09:59 - 00:11:27
видишь тут у нас еще до просто смотри Zen сам по себе что принимает себя в аргумент результат выполнения Zen он результат выполнения то что мы сделаем да да но смотри я имею ввиду вот сюда Что ты передал вот у тебя Zen это по сути какой-то метод на объекте промес правильно И что ты ему передал в аргумент еще раз То есть вот мы подразумеваем что фича 1 это у нас функция которая возвращает да да она возвращает промес правильно промес это можно рассматривать как какой-то объект правильно класса У нас есть класс promises У нас есть вещи
00:11:06 - 00:12:25
один возвращается спроса у инстаса промеса есть метод Zen и я говорю вот в аргумент ему Ты что получается передаешь вот здесь ну то есть внутрь что передаешь то есть и передаешь функцию Да функцию я говорю вот во втором занят и можешь передать функцию или нет Ну да Все понял о чем речь Да значит как функция функции Я просто пытаюсь завернуть Ну тут вообще кастрюль получится да если все это дело так Ну то есть если я просто вот так вот стрелку сделаю да да Так ты сделал Вот так Ну дай получается
00:11:58 - 00:13:30
как это сработает или нет вопрос такой скобки не хватает одной Мы выполняем функцию да то есть второй промез у нас выполняется После выполнения он в вернет соответственно массив который добавлено это она туда тут из-за этого может не получиться Да из-за чего может не получиться из-за того что к примеру нет они же последовательно то есть там все равно уже будут данные первого промез там уже будут Да да срезал там проблем нет Zen произойдет я вот да Всё тогда Мы выполняем и все и потом мы должны по сути Ну это у
00:12:50 - 00:14:12
нас уже получится промез который при его выполнении вернет вот этот массивчик в котором Будут Два результата Да нет все правильно Окей такой код с работы я хотел чтобы понять смотри есть такая история что если Zen из себя возвращает результат то кроме свернет этот результат А если zna здесь возвращает другой промез вот эта функция переданная zn тогда это работает Как Flat Map понял то есть вот если сравнить с массивом сейчас они возможно немножко непонятно будет а у массива же есть метод маг то
00:13:38 - 00:14:37
есть типа ты в maps что-то передаешь и возвращаюсь результат этот результат попадает на тот же индекс массив правильно вот и вот здесь вот Zen можно в какой-то мере сравнить с матом то есть ты возвращаешь какой-то результат то есть какой-то там plain Значение То есть это не promiss и собственно промесился с этим результатом но также сын если у него вот собственно этот Функция которую мы передано вернет promises тогда что касается этот как его ну не будешь у тебя кроме завернутый понимаешь да это
00:14:07 - 00:15:04
бессмыслица промис промес Ну как бы дичь и поэтому этот как его у тебя вот внутренний промес так скажем подождется кроме с подойдет вот результат другого промеса и уже зарисовывается с его результатом то есть в данном случае fh2 даже это как его ну будете сдаться пока H2 выполнится вернет результат и уже затем Вот этот промез который здесь создавался уже зарисовывается вот немножко непонятно объяснил то есть по сути получается Если не возвращать другой промез то как бы этот вложенных промисов Не получим будет сжаться
00:14:35 - 00:15:39
результат Вот и собственно вот это как раз хотел услышать вот по поводу еще Кстати Смотри такой маленький момент есть это касательно этого того что ты сначала делаешь Push а потом делаешь спред вот можешь пояснить почему так делаешь а у нас пуш он возвращает что там по моему новая длина массива будет да новая длина массива будет соответственно Здесь нам нужно уже вернуть массив они длину то есть тут мы просто пушить не можем сделали блок кода во втором мы уже делаем возврат OK А вот здесь через Push
00:15:08 - 00:16:27
можно написать во второй части Ну например вообще там как-то функцию эту переделать чтобы здесь все-таки в результат засовывалась через Push можно То есть если мы возьмем Здесь также сделаем блок кода здесь сделаем нарезал второй рез Да и дальше мы возвращаем Да да все сработает Окей А вот можешь пояснить например плюсы и минусы вот первого подхода который сделал и второго и вообще на основе чего то есть как бы ну то есть когда можно использовать один Когда можно использовать другой То есть например либо пуш
00:15:53 - 00:17:04
Ну тут я просто написал для краткости на самом деле у нас по сути справиться с дос новый массив И то есть на больших данных Естественно что это нежелательно Мы просто будем использовать лишнюю память Вот это супер кстати сказал потому что вот часто например вижу такая проблема есть когда люди пишут какой-то код и часто бывает например знаешь вот здесь первый раз типа через спред создали здесь Вы получили результат потом использовали и вот конечно Это прикольно ему табельности все такое но например в рамках одной функции можно
00:16:40 - 00:17:49
спокойно мутировать массив то есть значит частая ошибка бывает когда в регионе все собирают какой-то массив инициализатором регионы передает пустой массив И потом каждый раз закидывать туда элемент через контакт вот и это как раз не очень получается то есть в рамках одной функции Спокойно можно использовать Push если бы сами знаете куда этот массив пойдет полностью знаете цикл жизни этого массива тогда можно использовать мутирующие методы Окей прикольно давай тогда уже на так скажем закуску с этими
00:17:15 - 00:18:19
промисами промисами попробуем написать функцию Давай попробуем просто промесол паромис ол написать функцию здесь у нас получается Ну да Короче давай дальше ты сам написать функции Кроме слов которые по сути будет работать как нативный promise.l ты знаешь как работать да Ну да то есть получается для тех кто не знает дальше расскажу быстро весь на вход принимается массив промесов и получается возвращается массив со всеми результатами каждого из промеса если какой-то из промеса получить Ну за этот
00:17:46 - 00:19:02
как его зарисовывается с ошибкой то вернется эта ошибка то есть самое первое так собственно мы возвращаем сразу новый прорез который у нас имеет призыв реджект и соответственно что мы делаем реджек тем мы как только мы получаем первый ну любой соответственно из промисов с ошибкой и резовим мы когда у нас зарисовывается все так я правильно понимаю что мы все-таки тут будем последовательно запускать Нет надо чтобы работала точно так же как и то есть также как Смотри здесь нужно сначала просто все
00:18:25 - 00:20:08
запустить Ну по идее запускать тебе ничего не надо кроме слова Как работает же ну в правый слон ты уже про мясо передаешь тебе запускать ничего не надо будет тебе ну как бы как их запустить это отдельный вопрос кроме солом просто ждет и возвращает результат давая может пример напишу опять тебе чтобы было понятней так смотри например например будет fetch 1.2 Ну и то есть смотри как ромез All используя кроме соло это же будет Вот так вот fitch фетч 1 и 52 обычно передается правильно вот ну и то же самое нам нужно чтобы кроме
00:19:22 - 00:20:36
свал как будто твоя функция Но можно было взять Вот эту функцию поставить вот собственно давай пока ты с кейс подготовлю да Ну в целом можешь писать как бы если есть уже или как думаю то есть как нам их не вызываем запустить все давай так если можешь по-хорошему бы мыслить вслух вот чтобы чтобы не было скучно Я примерно я просто пока не могу даже сообразить если я их не запускаю как я понимаю когда мне нужно то есть или я использую там какой-нибудь All settle внутри не то есть это тоже вред если я напишу
00:20:06 - 00:21:28
Кроме слов через салфету не А это даже Не сработает правильно тебя результат вернет только тогда когда все заряжается тебе нужно как можно быстрее ошибку вернуть понимаешь Вот то есть потом нужно будет его посмотреть перебрать и посмотреть этот Ну смотри ты говоришь когда ты поймешь что какой-то из Профи не понимаешь когда какой-то из промисов заряжать правильно а вот и я так понимаю что это проблема из-за того что у нас много промисов правильно Ну да А давай попробуем разбить на под проблемы как с одним промысом понять что
00:20:50 - 00:22:01
он режекнулся как понять что он реджекнулся тут собственно я просто напишу первый промез Да и на кетчури Джек Ну вот да Да теперь давай представим что у нас таких проектов много вот так я через зонах напишу много через Zen напишешь много не совсем понял через Да они не через должны идти то есть кроме как их перебрать вот меня в чем вопрос правильно ну здесь по идее же у тебя вот смотри что предпринимать у тебя здесь ну если там писать это да да можно я не написать вот как мне их все перебрать то есть что
00:21:27 - 00:23:04
шевелишь что я могу применить на них на всех мэп то в целом без разницы хоть for хоть мой обход for Rich все так Давай тогда перебираем Да дальше нам нужны опять же результаты да результатов соответственно Мы берем промез по зану если он у нас выполнился то мы результат пушим соответственно резал результат дальше если он у нас сложился то мы ловим и сразу сразу сразу ошибкой [музыка] И когда у нас все выполнились да после вот этого штуки Мы у нас реализовываем срезы это получается написал да так сейчас смотрю
00:22:29 - 00:24:42
так то есть мы все их запустили если у нас резолиться там укрепляем результаты если у нас rejectice а то Мэри Джек тем сразу весь так и так да Ну все retur на нем То есть все верно должно быть Окей А давай я тебе скажу Так что давайте скажу Так что сейчас у нас точно есть ошибка сможешь найти так то есть мы возвращаем promis с этими словами у нас должны быть результаты выше тепло какой разницы это сделать то есть мы вынесли эту штуку результаты за блок с промиса блок который внутри промиса Хотя раз мы все равно возвращаем здесь
00:24:15 - 00:26:07
нет тогда не в этом дело до если Какие ошибки Давайте тогда тогда не вижу Да смотри еще раз буквально 30 секунд как там появилась так давай тогда я собственно сейчас сказку такую проблема срезал Быстро прям тоже проблема срезался но не в том где он лежит там немножко другая более так скажем глобальная проблема вот некий там замыкание то есть никаких там то что что-то Проглядел что-то пропустил здесь ошибка вот здесь какой-то один момент не учел прям конкретно и вот это связано срезал Давай сначала с этого начнем
00:25:27 - 00:27:00
не понимаю [музыка] кроме соул он возвращает у нас ну хотя массив же вернёт массив результатов То есть если всё выполнилось Окей смотри Давай сделаем вот так вот у нас есть функции fitch 1.2 до и вот давай попробуем этот кейс рассмотреть мы поменяем твою функцию вот здесь Я так подозреваю что он вернет Как сказать Он также точно массив вернет да то есть он вернет промис они результат Роми сами результаты нет кроме не дождется выполнение если мы его этим Да нет нет у тебя в данном случае все правильно у тебя вот промес есть у тебя
00:26:19 - 00:27:55
с и в этом никаких проблем нету смотри Давай я тебя сейчас этот чуть небольшой подсказку вот давай представим что у нас например работает Top level evate Давай на это просто забьем либо внутри какой-то функции например мы вызываем раны параллель F1 и переносится fh2 Да вот и какой у нас результат должен быть Ну то есть мы например за и выйти ли Вот в итоге что у нас должно получиться либо даже давал так сделаем чтобы этот вот нас и вот здесь а это что такое здесь у нас будет у нас будет массив в котором лежат 11-22
00:27:10 - 00:28:23
11 22 Окей А в твоем случае с твоей функцией что выведется в консоль Ну то же самое так подозреваю нет складываем массив да да но проблема в том же ты используешь Push Смотри вот здесь на время Ты пренебрег одним фактом здесь первые за 800 миллисекунд 3 золота за 500 у тебя порядок неправильный будет понимаешь нам нужно складывать по индексу и соответственно for переделывать счётчик Да да это поправим ошибку [музыка] так кроме соответственно этого индекса только не промеса promises вызывать ничего не надо По идее
00:27:48 - 00:29:11
и еще одну ошибку найдешь или нет fore Да LED все правильно Окей прикольно теперь эту ошибку решили Давайте скажу что здесь есть еще одна ошибка сразу подсказывать куда Ну в данном случае если сейчас вызовешь вот свою функцию мода прям возьмем равен параллель у нас просто будет пустой массив вот собственно подсказка и стоимость то есть мы что должны резать что ли вызвать получается в плане резал вызвать этот ризов Нет почему [музыка] у тебя понимание есть почему сейчас просто вызывает пока не вижу
00:29:08 - 00:30:40
Давай тогда так догадаешься все Да потому что у нас вот синхронно происходит это вещь да то есть у нас вот этот вот resolve происходит в момент создания промеса синхронно то есть вот эти вещи уходят Micro tasky А вот это выполняется типа сразу соответственно тут нужен [музыка] не особо подойдет Ну то есть тут надо ризол ведь после того как вот это все разрезалось да как можем понять что у нас все заризовалось Как понять что все зарезалось через пару месяцев [музыка] странная вещь получится но я говорю В данном случае Не сработает
00:30:14 - 00:31:53
история будем считать кроме соло нету вот как еще какие варианты есть то есть мы должны вот этот окончательный результат делать после вот этого всего [музыка] но как Мы это сделаем если мы эти промисы в цикле запускаем Ну смотри у тебя в цикле есть промез правильно вот и тебе тебе нужно понять что все промыслы зарисовывались правильно Вот Но проблема в чем у нас получается у нас проблема в том что промисы могут реализовываться не по порядку а что нам требуется в конце концов чтобы все промесы просто зарисовывались то
00:31:09 - 00:32:34
есть нам не важно в каком порядке вот нам нужно просто понять когда все промесы уже зарисовывались вот я не знаю мысль перебрать еще раз массив И посмотреть в каком состоянии находится синхрон это сделать не сможешь то есть синхронно Да не сделать охрана ты не можешь сделать А какой еще метод есть без перебирания То есть тебе же нужно понять просто Что у тебя вот какое-то количество промисов зарисовывалось и все но есть for Away но for await они у тебя последовательно будут выполняться Давай идут все по
00:31:54 - 00:33:01
очереди Ладно давай короче просто говорю мы сейчас так затянем все надо по идее делать Вот так вот равняется 0 и собственно считались держать счетчик сделал никогда будет счетчик равен длине то можно начинать его реализовывать Да promises вот а если у тебя произошла ошибка то она раньше зарисовывается вот просто сейчас так затянемся вот если это был бы но это такая на самом деле часть немножко алгоритмическая Вот но такое хорошего прям вот про решать чтобы не было проблем с этим не просто она на самом деле часто бывает
00:32:31 - 00:33:46
Полезно не знаю вот когда какие-нибудь шины и так далее пишешь для запросов при загрузка файлов например часто бывает полезно что-то подобное Ну то есть подобного рода задачи например если загрузка файлов есть 100 кидает если сейчас сразу 100 будет грузить просто положишь его вот ну либо там часто будет какой-то ограничение worker и так далее так что мне очереди спамился сам Просто на фронте может что-нибудь такое сделать вот в таких случаях такие как бы штуки бывают полезные вот конечно не про мясо
00:33:15 - 00:34:21
описать но задача похожие Так давай этот как его начнем с самого первого Самого простого задания у нас должен быть смотри Так что такое не сработала конфликт Диф диффчик с закрывающий дивчик вот здесь у нас должен быть некий каунт вот и должна быть кнопка которой Кремень Давай Самого простого начнем Ну соответственно мы заводим Skype тут у нас есть до импорты так соответственно мы дивчик и после него кнопку да Ну по сути да то есть после него кнопку [музыка] [музыка] так-то маякни так это все будет все или
00:33:49 - 00:35:21
как давай проверим собственно так все работает Окей давай Теперь попробуем немножко другой условия сделать нам сюда в это реакция приложения нужно добавить еще давай пока меньше нам еще должна пригодится 2 часа добавим сделаем Аля какой-нибудь таймер да то есть человек заходит у него начинается отчет там 0 12345678910 Ну что каждый секунду у него increentels аккаунт Давай теперь вот это сделаем то есть таймер Мы в отдельном диске показываем Ну да то есть у нас по идее диффчик таки остается Не не как это так и остается аккаунт
00:35:28 - 00:36:50
просто посчитать сколько секунд прошло сначала куда мы будем выводить сколько секунд прошло ну вот сюда собственно тебе просто надо логику инструмент аккаунта Дописать тебе нужно аккаунт увеличивать каждую секунду То есть самка будет увеличиваться Я думал просто еще один счетчик [музыка] сразу ставим пустой массив зависимости чтобы он у нас на маунте один раз поставился и дальше начал щелкать и здесь мы будем заведем ремонт у нас будет [музыка] с интервалом в секунду так все или нет так [музыка]
00:36:14 - 00:38:06
еще нужно делать если мы это рассчитываем давай давай да то есть мы тогда делаем в целом было бы интересно ладно это все так [музыка] ошибки есть какие-нибудь Так сейчас смотрю [музыка] я вижу что у нас не идет так не идет по причине того что у нас тут каунта нет получается или что То есть он у нас не давайте сразу скажу скаута все правильно здесь Зря время не теряли на самом деле немножко глуповатая ошибка здесь именно с тем что он вообще не идет вот такая типа на внимательность давай вот здесь подсказал здесь все
00:37:38 - 00:39:33
правильно или нет функции вопрос сохранить и посмотреть а теперь я себе почему так что-то с функциями нет вот здесь не вспомнить Милана Давай скажем так работает сетайм аут работает ставит функцию set-интервался Я же говорю туплю на ровном месте один раз меняется [музыка] теперь Работает Да давай быстро Вот чуть поговорим а если ты хотел бы через тайм-аут сделать это есть ли вариант это сделать или нет да то есть он просто рекрутивно устанавливается то есть нам нужно написать отдельно функцию через тайм-аут ее на каждом
00:39:28 - 00:41:10
тайм-ауте еще раз а Давай сделаем так два варианта запуска соответственно таких счетчиков это через этот интервал рекурсивный тайм-аут то есть разница будет в том что если у нас к примеру какой-то Task продолжительный по времени то Ну все тайм-ауте мы можем регулировать момент запуска следующего таска то есть предыдущий кончился следующий запустили например в интервале он будет четко поначалу запуска отмерять [музыка] интервал запускается то есть вот на секунда первый запуск прошел и от начала первого
00:40:28 - 00:41:46
запуска отмерила секунда следующий пошел Ага соответственно сами таски будут продолжительные то тут нам может прийти на помощь рекурсивный тайм-аут Ну в целом Да наверное если что-то асинхронно делаешь если что-то синхронно Я думаю здесь какой-то особой Разницы нету типа потому что в любом случае тайм-аут не точный Вот ладно не в точности дело в том чтобы они например не пересекались чтобы они не пересекались что-то Не пересекались ну то есть к примеру через тайм-аут мы можем сделать То есть первый
00:41:11 - 00:42:19
этаж прошел да потом интервал секунда потом следующий таз пошел у нас будет так запустился секунда пошла неважно кончился он или нет Через секунду ну там плюс-минус сколько он идет на следующий раз да Но разве же такое может быть если вас тоска Но если у нас какой-то ну допустим колбеков интервале если он синхронный он сразу такой может быть то есть это же актуально только для синхронного кода или для синхронного тоже тут просто вот именно момент запуска то есть мы можем этот интервал Еще раз про
00:41:45 - 00:42:52
через все тайм-аут и мы можем этот интервал поместить там от конца до окончания первого таска до начала второго так вот шутка с этими как я их использовал но просто не я говорю что я здесь согласен я конкретно вот не замерял и То есть я не могу сказать то что например у тебя же сколько там 16 миллисекундного примерно 16 секунд сделать вот и типа я конечно не проверял там будет ли это Разница есть например Сначала сделать какой-то колбек и потом вызвать либо это делать через этот интервал но у меня скорее Вопрос такой
00:42:23 - 00:43:36
сейчас вот такие маленькие вещи не обращал внимание Вот здесь очень не могу сказать скорее Вопрос такой например Может ли быть такое что у тебя с интервалом 19 пересеклись типа одна еще не закончилась и вторая начала запускаться Если да то при каком условии Ну то есть они получаются там интервала вообще не будет то есть он будет Вот минимальный там сколько там где-то в браузерах про 44 миллисекунды писали но это не точно за 4 секунды кончилась и он проверяет что если у нас уже больше времени прошло чем интервал
00:43:03 - 00:44:10
то он тут же запускает следующую вот что произойдет пересечь сами по идее могут или нет нет пересечься по выполнению Нет ну вот по интервалу что они вот так вот впритык пойдут между собой это может OK OK хорошо По поводу того что вот впритык прям запускается кстати не пробовал делать надо как-то попробовать потому что прям тяжелые тоски внутри они запускал вот на самом деле Интересно будет посмотреть Окей но Давайте скажу так вернемся к нашему реакту что здесь можно одной строчкой сделать так чтобы
00:43:40 - 00:44:55
у нас все работало То есть как можно одну строчку поправиться здесь чтобы у нас вот это вот все работало как с интервал [музыка] там наверное есть у таймаута еще аргумент повторяемость Не нет такого аргумента Нет это бессмысленно было бы да иначе бы он этот имитировал полностью интервал Нет он просто просто рекурсивно его перезапускать изнутри Давай скажем так дополнительные функции Ничего не надо писать вообще есть тогда нам нужно перендовать этот об Каждый раз то есть если мы вот сюда вот добавим каунт носка он будет меняться
00:44:17 - 00:45:47
Ну там у нас на самом деле так каждый раз будет потому что стоит обновляется этот функцией просто эффект как бы заново не вызовет состав новый вот здесь вот вместо функции можно передавать чтобы она тут нет реально зависимостью тела но в целом Да я говорю это это я хотел уточнить Давай вернем туда все назад Окей хорошо у нас все работает а давайте теперь вернем вот эту кнопку вот эту кнопку вернем и сделаем вот так вот давай пока он коллеги оставлю пустым и сделаем так что у нас здесь вот в начале стоп будет стоять и потом у нас
00:45:18 - 00:46:36
как бы когда мы нажимаем на кнопку стоп останавливается интервал и потом кнопка превращается в Старт когда мы нажимаем Опять этот счетчик продолжает свою работу сможешь сделать да так Ну я бы под это завел еще один стейк стоит по умолчанию соответственно на кнопки у нас будет израининг если он идет то у нас здесь будет стоп в противном случае старт и теперь нам нужно здесь то есть у нас из ранен к любом случае пойдет зависимостью на клике мы будем [музыка] предыдущее значение так и соответственно Здесь нам нужно
00:46:02 - 00:47:43
поставить уже логику запуска то есть здесь [музыка] [музыка] запускаем [музыка] так камера иди нам нужно вынести ругается да у тебя не показывается ошибка токена вижу речи был код Вот это нет тебе с этим он ругается на типизацию таймер ID он говорит таймера денег так но он сам-то вообще бегает или не бегают добегает Так что с ним сделать но мы можем его вообще внутрь интервала поставить да что внутри интервала поставить Ну условия изранен внутрь интервал Это плохое решение у нас со зря будет вызываться функция точно все равно будет
00:47:26 - 00:49:27
каждый раз запускаться Ну ладно давай допустим сейчас ставь скриптом не будем сидеть Окей допустим здесь и не стоит у нас и это ошибка уйдет на самом деле он просто ругается что он типа не знает то есть у тебя есть из раннинг вот здесь типа он подхватывает из Но вот здесь вот если из ранее не вызвался тогда непонятно какой-нибудь тип понимаешь Вот то есть какой-то инициализатор надо по-хорошему тебе надо будет передать типа намбер или антифайт вот но Вопрос не в этом я не знал просто что у него вот этот вот
00:49:25 - 00:50:23
теперь молния там какой-то специфический с интервала ну там типа уникальная идея да да ну короче есть история что какая-то там своя шляпа в типизации там типа этот волок кстати он как раз таймер и пишет Вот у тебя типа тип называется таймер Да вот Но это потому что нас типизация но здесь установлена сейчас это это Ну да короче он не поймет откуда его брать не-не это не будет так это у тебя вот что-то такое должно быть но Джес точка то это есть типизации нода идет на нас пойди браузерный код Господи просто намбер или
00:49:56 - 00:51:15
антифайн будет Вот и почему он берет типа но доски тип из-за того что у нас типа этот тайп снова установлен здесь вот так Windows этот интервал сделать что все будет работать без ошибок Вот я говорю как этот код можно почище написать просто у тебя немножко этот как его непонятный получился так непонятный получился Ну короче ладно давай Я просто быстро скажу на этом не будем зацикливаться это просто на ревью пишет Ну то есть самый простой вариант это вот оставить код какой он у тебя был без всяких там проблем и так далее И вот
00:50:40 - 00:51:53
здесь просто если ноты [музыка] да да потому что у тебя как сложнее получается Давай на этом не зацепиться У тебя ошибка в том что у тебя по дефолт Я просил что он запускался Но это ладно вот мы начинаем типа делаем стоп старт и он продолжает окей Все норм хорошо хорошо хорошо [музыка] с этим Окей давай закончились какой-то базой реакта Давай попробуем сделать вот так вот два и напишем новый экспорт фарш об и задача будет какая-то сколько у нас уже времени совет идет уже почти час идет кстати плохо метился
00:51:22 - 00:53:01
в час но да ладно окей смотри что у нас за задание собственно я сейчас пока сделаю Return If Ice Да у нас есть Файлик смотри этого src API и называется туду вот там как раз есть типа методы вот есть интерфейс Давай сейчас экспорт Но это экспорт туда и там и есть методы например Get iTunes потом апдейта этом дилетай там и вроде бы все давай попробуем на основе них сделать Туту лист сначала банальный потом может быть как-нибудь лучше Вот с каким-то стилями может не париться просто вывести их там формально там и рядом с ним комплекте
00:52:13 - 00:53:53
или нет кончик бокс делать так не растаскиваемся на файлы Да прям вапе делаем да прямо в API делаем Если хочешь типа какой-нибудь Ну пойди его по-хорошему порту А ты чтобы видел Да вот давай пока импортнулся функции которые у нас есть что тебе удобнее было вроде подхватываются и по-хорошему если можно там как-то комментировать дальше ты делаешь Какая логика и так далее вот что было все-таки поинтересней так Ну значит держим все на уровне а по нам надо значит вставить завести наши тудушки у нас там есть что-нибудь
00:53:03 - 00:54:31
для инициализации или нет и не шел какого-нибудь для инициализации нету Не ну да по сути по сути Да Представь что ты загружаешь Все ли ничего нет работает дальше заголочек дальше мы делаем для новой тудушки какую-нибудь форму да Ну то есть просто input [музыка] [музыка] двойным тегом это впервые вижу [музыка] соответственно для этого импульта мы заводим новый стоит Значит у нас он будет стриминговый у нас будет вылью и сеттер будет то есть по-хорошему написать будет [музыка] извентарь мы достаем
00:54:17 - 00:56:11
теперь работают и связан с этой дальше по кнопке у нас Нам нужен будет обработчик для который будет уже добавлять новый тудом значит делаем [музыка] массив докидываем новый новый мы собираем тут значит нашему интерфейсу у нас будет ID Ну по идее тут надо либо уникальная лишних заводить либо какой-то счетчик вести с которым убрать смотреть сейчас прерву проблема у нас в чем создание тушки у нас типа синхронная и по идее айдишник будет создаваться на backe то есть ну уникальный так вот я на бэкент мы Передаем только строку и он
00:57:10 - 00:58:48
нам возвращает туда Ну по идее там мы перейдем вот там есть как раз функции То есть у нас есть вижу да то есть да он берет стрингу и возвращает нужный нам интерфейс все супер да ну потому что например кредит этот таймс Темп если что вот и по идее он тоже как бы на быка не должен по-хорошему создаваться фронтовое время может быть разные сюда мы накидываем нашу Значит это у нас будет асинхронная штука [музыка] туда Передаем [музыка] Что такое блок Скотт вырвал давай сразу быстро по синтаксису не туда
00:58:20 - 00:59:44
там много этих много чего неправильно сможешь раз подправить так не туда я неправильно [музыка] Ну вот когда пишу это и другое вместе так создаем тра-ля в ту духу сетоем и наверное сразу же нам нужно сбросить [музыка] соответственно получается мы Передаем туда этот обработчик и Теперь сюда выводим список наших здесь мы должны их промобить [музыка] на [музыка] здесь и у нас будет так чекбоксики будем ставить да скреатит да да По идее у тебя этот чекбокс должен быть и далее по его изменения статус
00:59:44 - 01:01:50
изменяться также будет равно конфликт Здесь нам нужно сделать Да но вопрос в том что почему ты просто в линии засунешь тебя же уело челдер не липы или должен быть страну плодив сайт логично вы слил тебя как бы ничем не хуже сделаю кнопочка с редактированием да сюда делаем кнопочку с редактированием удалением [музыка] нам уже все равно надо это все дело на компоненты разносить получается не очень красиво не Если будешь разводить просто в рамках одного файла потому что мы как Собес проводим сейчас там на файлы делить это
01:01:33 - 01:03:13
Немного неудобно будет Вот если прям сильно хочешь в отдельный файле можешь сделать времени долго Давай сделаем здесь просто компоненты у неё значит пропса должна быть наша [музыка] форматирование А здесь сейчас у тебя синтаксическая ошибка нет сделать форматирование Так что он хочет давай я подправлю здесь а ты дальше там посмотришь но тебя ниже тут типа мапа если возвращать просто скобки что-то вернуть из-за этого форматирование не работает в качестве соответственно дальше в него пойдут Давай сначала допишем до это и поговорим
01:03:33 - 01:05:15
про пару моментов долг какого это Давай сначала закончим с добавлением и потом просто поговорим немножко посмотрим как работает потестим и [музыка] так так скобки не хватает прилетают Так давай тоже все сохраню обновлю страницу Ну вот вообще сейчас ты смотришь на это приложение какой-то проблемы видишь я сейчас вижу ошибки ошибки Так здесь у нас ключ должен быть хорошо теперь проводят человек [музыка] то есть у нас он ругается что у нас чек есть он change нету соответственно Здесь нам нужно сюда прокинуть
01:05:12 - 01:06:54
Ага давай пока что вот прям на секунду прямо остановится норм смотри В чем собственно вопрос Вот ты посмотрел на приложение типа тыкал по создавал подушки Да ты какие-нибудь проблемы пока что в текущем текущей реализации нету то есть какие-то проблемы заметил или нет Ну что можно сделать лучше что тебе например не устраивает Понятное дело что мы сейчас на собесе у нас ограниченное время но вот с точки зрения вот как сайт не нравится Может быть или тебя все устраивает [музыка] Ну вот есть такой момент касательно UX
01:06:52 - 01:08:16
один вот который напрямую связан с кодом Давай просто попробуем обсудить видишь что-нибудь такое или нет потыка еще раз просто создавать можно было сделать формочку чтобы через интернет срабатывал и насадмите делать Да это первый момент это прикольно что заметил это Good прям вот второй момент еще есть касательные X А вот который мне на самом деле раньше даже три я бы сказал Ну ладно давай еще один найдем хотя бы Ну тут как бы понятно что разметку можно сделать лучше не разметка не дизайн Вот именно визуальный визуально Давай скажем
01:07:43 - 01:08:59
User человек зашел на сайт и вот он создает например разметку ничего не знает с этой точки зрения тогда не понимаю Окей Ладно давай погнали дальше тогда ты не будешь обсуждать Давайте доделаем задачи расскажу потому что я просто понимаю но не придает значения не Я скорее говорил про оптимистика апдейты про лоу один то что ты добавляешь Я помню там полторы секунды ставил или секунду тайм-аут и добавляешь у тебя типа висит стадии Ну то есть какой-нибудь сделать либо Loader сделать либо оптимистика
01:08:31 - 01:09:39
апдейт просто я говорю У нас по времени сейчас мало Я говорю вот лоудер можно будет сделать вот это будет ну как бы это прикольно было бы но у нас сейчас по времени много займет Вот давай давай давай давай пойдем дальше Давай доделаем сначала функционал базу потом улучшательство небольшие Так ну чего тут у нас получается по идее выглядит так что лучше сразу переходить там на какой-нибудь контекст потому что мы сейчас и запах будем перекидывать кучу всего пропсами всех эндлерами была и лист выделить Да в отдельный
01:09:09 - 01:10:26
компоненты формочку в отдельный компонент тут у нас пробрилинг намечается вот этим мы заморачиваемся или сейчас Просто ну слушай Вот давай как бы этот не бежать вперед провоза смотри у нас есть вообще маленькая маленький об который здесь вообще ну то есть размером сколько там строк 30 тебе вот это вот вообще по идее можно было даже не выносить в отдельный компонент давай вот этим не заниматься в данном случае представишь нас вот такой вот настолько маленькое приложение то есть где просто передай и все
01:09:53 - 01:10:52
Ну тогда Передаем здесь соответственно нам нужны будут обработчики значит нам будет нужны это обновлять соответственно его статус можно идти передать как он у нас там выглядит этим это у нас Давай сначала сделаем два кейса сейчас раньше тебе этот как твой сот просто с перебиваем пока ты думаешь процесс Вот давай сначала сделаем две эти это сделаем чекбокс и сделаем делит вот а едет наконец оставим то что он побольше функциональности то есть чекбокс сначала сначала чекбокс делит Вот и потом редактирование тайтл посмотрим Будем
01:10:22 - 01:11:45
делать или нет хорошо так апдейт в листа этим Значит мы Передаем он [музыка] Здесь нам нужно будет функция с ID Здесь нам нужно будет обновлять [музыка] если бы этого айдишник нашему [музыка] будет и [музыка] если мы апдейтим наш айдишник то мы Передаем туда в котором мы меняем [музыка] комплекте на этот Так на что он ругается [музыка] я опять сразу стейки меняю вместо того чтобы отправить на бык занимаюсь соответственно [музыка] Душки найти дальше [музыка] смотрим Что у нас там в апдейта этим Просто этим который у нас пошел
01:11:22 - 01:14:06
обязательно [музыка] так моего достали [музыка] [музыка] до стабилизации в целом пока что бардак Давай я пока чтобы не задерживались поправлю быстро потому что тут они за нами ра Тут нужно проверять что он есть Да не это первая часть номером тоже ругался что нету типа и тогда вот это уйдет [музыка] Просто у нас И теперь мы здесь соответственно [музыка] [музыка] [музыка] тогда он у нас едет по порядку Да Ерунда получится то есть вот здесь вот как раз нужно то логика которую я писал [музыка] Почему фильтр
01:14:09 - 01:16:24
[музыка] [аплодисменты] [музыка] [музыка] [музыка] так [музыка] [музыка] я чудо немножко тебя задержку восстанавливает [музыка] все Все нашел Так ты соответственно типизацию писать надо чтобы это не светил но так типа готово без этот переключатель работает Да переключатель работает а так давай на это пока что остановимся просто нас уже полтора часа получается почти Вот и я так предполагаю тоже подустал Вот я тоже на самом деле немножко у меня что-то тут уже башка плохо варит Давай собственно может быстро поговорим про то
01:16:19 - 01:18:51
как ты реализовывал бы апдейт вот смотрите сейчас сделал бы сейчас сделал апдейт это просто по идее типа он компетенчиком какой-то можно назвать А если тебе нужно было обновлять Hello как бы ты сделал то есть ну точнее то есть нужно было обновлять как бы ты сделал нашла рассказать Ну по идее дальше соответственно если мы обновляем уже и галочку и по лесам у дата Я бы это дело утянул во-первых листайте эти вещи во вторых соответственно там бы уже в листа этим я завел бы локальный стейт Ну назвал бы его там Эдит мод Да это для
01:18:22 - 01:19:44
самого полетает соответственно при переключении у нас был бы условный рендеринг то есть либо он рендерил бы просто текстовое поле если он не в режиме редактирования если в режиме редактирования то и соответственно там же условия кнопочка там Эдит менялась бы на сейф и при нажатии на сейв она уже я обновлял Ну то есть вот при нажатии на сейф уже шел бы запрос на описку Окей хорошо хорошо В целом звучит логично Так давай начнем по фидбеку Конечно я сразу не записывал Давай начнем самого начала с промесами вот в
01:19:04 - 01:20:28
целом знаешь понимаешь но вот как-то Чуть более глубоко то есть видно что ты их использовал Да но вот как-то прям вот такого глубокого понимания то Вот кстати интересно Еще провод это то что когда не помнишь мы говорили есть чем-то Fall на меня нажать там новый аватарку и ты будешь со мной ходить по курсором вот я просто не помню кто играл там была задача фетиш один два вот я выделяю сейчас возврат внутренний Я же говорю как работает что если ты знал или просто написал как бы и она сработало вот здесь
01:19:51 - 01:20:56
интересно на самом деле нет здесь здесь вот конкретно сам механизм Как это работает не знал но просто писать вот так приходилось поэтому на рефлексах но я понял да Вот как раз про эти игры что видно что ты более менее что-то понимаешь но вот чуть поглубже все-таки хотелось бы то есть в метла мечешься правильно вот на самом деле просто я говорю здесь разных компаний разные как его требования Да и мидла она как бы самая такая плавающая вилка тоже джун это как бы человек который что-то может делать
01:20:26 - 01:21:27
какой-то да то есть ну его надо подучить надо там помочь ему Да там где-то объяснить но в целом какие-то задачи делать там и это за дело народ всего берут Вот видел как бы она более плавающая но в целом Я сейчас оценивал как человек который может задачи делать то есть ты ему отдаешь делает он делает как бы постепенно он будет учиться там понимать а вот да ну просто промеса такая вещь как бы я не знаю То есть я бы хотел бы чтобы человек понимал подробнее вот ну просто я буду давать фидбека отталкиваться тоже заметишь вот потом
01:21:00 - 01:22:05
вот здесь вот тоже как бы с промесол она такая задача полу алгоритмическая полупромиссы Вот и как-то Ну что-то такое средняя знаешь такие JavaScript алгоритм так скажем да то есть это не какой-то хардкор там я не знаю алгоритмов и там не то что типа человек там полетел из оттуда в этот аэропорт в тот там типа и так далее там Посчитайте короткий путь Ну то есть это вот нет но в целом здесь как бы такие вроде бы просто алгоритм но вроде бы кроме съесть Она как-то знаешь так сложнее становится вот что-то подобное мне кажется
01:21:32 - 01:22:30
в голове вообще не щелкала что это про алгоритм что тут можно типа просто завести счётчик алгоритмическая штука просто как-то думал что тут Всё дело в механике Ну да я да но просто игру ты вначале как бы это знаешь как бы немножко растерялся Такой типа апромиссы А как мне их вызвать там типа ну это и ладно ты не так понял что я функции передать Такой типа как мне по ним пройтись просто значит Ну я тебе говорю это массив И ты вот ну знаешь как его просто встрял в ступор то есть вот здесь как бы знаешь
01:22:01 - 01:23:07
вроде бы всё по отдельности знаешь что вместе как-то оно немножко плоховато собирается здесь мне кажется тоже надо чуть-чуть подтянуть и вот может посмотреть Значит я не знаю это сложновато будет Я помню сам как-то разбирался всякие полифилы промеса смотрел Как это работает ну либо какие-то вот задачки тоже такие порешать подобные там попробуем Вот ты можешь попробовать сразу после этого решать какие-то есть рейсы и так далее То есть можешь их подписать почесать промисы и про всю эту историю потому что это прямо
01:22:37 - 01:23:29
бывает реально полезно вот Ну и как бы касательно написание кода давай сразу скажу с написанием кода у тебя как бы ну я например это внимание обращаю Потому что ты пишешь знаешь типа ты пишешь в одну строку все у тебя немножко там скобок не хватает того всего то есть как бы она тоже это внимание обращает это не какой-то сильный критерий Да но с этим проблемы тоже бывают и тебе на самом деле само тоже сложнее бывает если пешеход лучше сразу писать по крайней мере скобки лучше сразу нормально писать
01:23:04 - 01:24:00
Да надеюсь на авто форматирование но скобки ты сама пропускаешь здесь тебя форматирование не поможет вот я обычно нажимал ctrls когда мне уже непонятно было Вот еще один Аспект такой-то соски ланд и Ну не объясняешь хорошо что ты хочешь сделать понимаешь Я скорее сам тебя заставлял разговаривать и наводил на твои ошибки но на собеседовании Многие так делать не будут Ну то есть люди которые которым не по кайфу например просто сказали там какой-нибудь там скрининг проводить и там 30 минут они там задачу например промис олдадут
01:23:35 - 01:24:41
например нанимают на метла например взяли задачу Кроме слов и поставили кого-то человека который там уже сто раз видел как эта задача решается либо не решается он не обязательно там лучше чем ты хуже чем ты короче вот это ничего об уровне разработчиков задачу решать вот и как бы на таких можно попасться вот здесь Конечно можно задать вопрос в целом к компании там о качестве хайринга но такой часто бывает Я говорю Вот Но типа вот как бы знаешь не всегда из тебя будут клещами выдирать твой этот твои
01:24:08 - 01:25:10
мысли Вот лучше громко говорить Ясно И тебе человек сам оставит поможет если нормально собеседующий а как то так так потом по реакту здесь как бы то же самое было так ты пишешь пишешь типа этот как его с форматирование не очень И совсем этим вот в целом вот здесь по этому по интервалом поэтому всему сделал Нормально носом нужно быть повнимательнее да то есть видно что ты когда задумываешься где-то вот видно что ты это можешь сделать но опять же вот касательно из этого Из нашего интервью То есть я не знаю мне так показалось что
01:24:38 - 01:25:51
ты прям вот сам что-то прям какие-то сложные компоненты сложные логику там где там например что-то взаимодействовать либо синхронная логика что-то подобного много не делал правильно ну во-первых в основном на готовых компонентах логика там в основном правилась то есть делал там скажем какую логику Ну вот там какие-нибудь Gift карты например как они там с кучей взаимодействия методов оплаты логика больше такой знаешь дерево с разными вариантами но я помню больше профилаксы да да вот опять еще по написанию кода вот здесь с
01:25:16 - 01:26:38
Return То есть ты засунул Да вот это как бы это тоже немножко такой с плохих моментов но в целом как будто сообразил как сразу сделать интервалом там что к чему там такие эффектно использовать здесь видно что какая-то база есть но вот на практике в применении немножко проблем бывает еще из фидбека Смотри я тебя спрашивал как ты говоришь Норм но в какой-то момент Ты просто забыл и все Короче знаете вот ничего не пишешь таки стоит вот в целом многие не проводят на тайп скрипте этот как его собеседование Но я типа на самом деле
01:25:56 - 01:27:11
считаю как если работа была на тачскрипты обновил проводил потому что ну то есть как я тебе сказал до собеседования сейчас у меня подход такой что Ну именно в этом собеседовании был я хочу на практике посмотреть Да человека Вот и здесь как бы непосредственно смотрю как он думает и как он пишет код вот здесь как будто прям про тайп скрипт вообще забыл то есть ничего не делал в целом ты мог уже листать там сразу описать и писать дальше здесь тоже handle change написал пишешь дальше Да вот с функциями тоже как-то Симка там
01:26:34 - 01:27:32
сначала спереди написал и так далее То есть написал какой-то каркас потом пишу логику Вот на это тоже внимание буду прощать вот забыл не очень хорошо В целом как бы видно что с подушкой Ты понимаешь что к чему что как делать Ну вот на такие моменты тоже могут обратить внимание Вот как с формочкой Да например как бы этот ты сказал хорошо вспомнил но как бы сразу напишешь если ты сразу такие вещи Это ж не на полчаса тут все равно как бы много букв вот в чем тут вопрос Да С одной стороны смотри много букв с другой стороны как
01:27:03 - 01:28:21
бы это значит дачка видишь обширная То есть непонятно С какого края начинать что у нас тут первично тоже видишь стараешься торопишься думаешь то есть с какого конца лучше подойти то есть либо функционал либо что-то там сделать красивое это но мало Ну вообще в таком случае последовал бы тебе разговаривать с человеком да то есть она снял ты делаешь Правильно что ты хочешь сразу весь функционал покрыть Но по крайней мере сказать стоит будет бонусом в твоей карме так скажем Да вот и как бы в чем прикол этой задачи например с тем
01:27:42 - 01:28:48
же туду листом потому что она кажется маленькая но на самом деле она обширная Да если мы считаем что у нас собеседованием этом размялись где-то полчасика у нас там полчасика там 45 минут есть смысл в том что здесь много маленьких деталей есть да то есть и они как бы ну то есть если человек прям такой прям Супер это видно что много кода писал такой прям обычно быстро накидает накидать типа здесь добавил то добавил это уже как-то автоматом будет знаешь многие задачи и я вот здесь как-то больше смотрел на это и вот здесь
01:28:18 - 01:29:13
заметно было дальше Ну то есть знаешь как делать какой-то автоматики нету где-то вот местами но в целом как бы до решения доходишь что тоже окей потом по неймингу я тоже заметил у тебя с неймингом немного не очень возможно тоже торопился но здесь тоже типа handle change handel update Ну типа как бы вот здесь функции он сделал Ну давай сразу пройдемся handle change это например handle там я не знаю можно сказать New touchange например сделать потом вот здесь он апдейт и типа у тебя он апдейт и вот здесь он чинишь придешь
01:28:45 - 01:29:53
То есть он апдейт можно было бы знаешь как сделать а он апдейт можно было бы ее назвать если у тебя была бы функция универсальная которая обновляет Ну при любом импульте типа обновляет айтом Да И вот здесь уже разнести логику там он бокс типа он title change и так далее Вот так ты сделал типа на апдейт и вот сюда передаешь типа хендал апдейцы тоже хендал апдейт Хотя здесь по сути Ну логика Вот только связанный чекбоксом То есть он такой тоже внимание будут Ну по крайней мере я обращаю вот с неймингом
01:29:19 - 01:30:15
как бы хорошим да то есть Ну вот кстати вот эти вот штуки вот такие снейпингом да то есть сначала все равно как-то пишу Стараюсь быстро до что-то там набросать потом возвращаться к именам именно уже после Когда уже структура понятна и все обработчики на месте Вот тогда их можно там переназвать ну чтобы они во-первых между собой все были как бы в одном стиле Да чтобы было исчерпывающие именно когда они все вместе не в целом Я говорю ты делаешь Правильно просто например про это сказать тоже можно и то есть мы как
01:29:47 - 01:30:53
бы делали по времени я то есть говорю что вот что могло быть лучше здесь я понимаю что в каком-то месте раскидать в каком-то месте сделать вот ну и я говорю побольше говорить да то есть могут сразу рассказать примерно как все будем делать когда мы проверили тоже был прикольно вот в остальном как-то так вот если надо отвечать на твой вопрос то есть на метла Взяли бы или нет Я просто не знаю то здесь разные уровни есть правильно Такой типа есть Middle такой начинающий который с женой перешел Да вот типа
01:30:20 - 01:31:22
Market задача давать он сделает там надо подучивать есть наверное знаешь типа миду бывает чуть ли не там никакой семерка уже почти знаешь который там ЗП там уже и 250 и 270 бывает там Ну значит уже там перед сеньором сеньоры тоже там управлять Немножко там немножко там какие-то инструменты делать Вот если такой вилки смотреть я бы сказал что ты где-то ближе к началу Вот но в целом можно подтянуться Мне кажется он за пару месяцев А если например сделать какой-нибудь проект такой сложный Вот и попробовать вот знаешь как-то вот
01:30:51 - 01:31:57
прям по всем аспектам пройтись посмотреть где-то там что-то не так сделал вот где-то где какие-то ошибки где с перфомансом не очень там где у тебя компоненты плохи то есть попробовать какие-то снуд знаешь вещи сделать чуть посложнее Вот например вот как я делал помню в этом в лайв кодинге вот этот разработку дать пикера например что-то подобное можно сделать попробовать знаешь и ты вот пока это сделаешь ты прям очень много научишься Вот и заодно У тебя рука бы набиваться значки таком проблемы решать
01:31:24 - 01:32:21
в реакте с помощью хуков там с помощью отдельных компонентов и так далее какие-то различные паттерны начнут появляться Вот это из Советов Ну и так чуть теорию подтянуть я прям по теории много не теории много не спрашивали Да по теории много не спрашивал так вот Я говорю теория практика по проме сам по всякими вент лупам и вот чуть такие задачки порешать подробнее разобраться потому что вот с промесами например теми же часто бывает как бы люди не могут что-то сделать немножко теории как бы не хватает теория плюс практика Вот это не
01:31:52 - 01:32:54
чисто там прочитал Вот но какие-то такие моменты знаешь крайность тонкости они есть вот тем более цветом знаешь что любят всякие там эти задачи Как там как этот задачи которые не всегда то есть на работе пригодятся там спрашивать когда ты говорил да Климов да то что Есть два вида JavaScript который на этом на собеседование пишет и на работе Вот это в целом по фидбеку вот если то есть какой-то фидбек тоже по собеседование может тоже дать Сейчас может это не понравилось нет интересно спасибо прикольно что
01:32:23 - 01:33:37
все на эту самую практику то есть вообще без теории редко такое вообще видел все равно вот где я там проходил да всегда идет какой-то там этот теория почек листу там какие-то там те же самые собеседования вот эти примитивные задачки но тут прям все ну Единственное что вот когда такая большая задача тут надо или сразу да поговорить про неё то есть какой план с чего начинаем В какой последовательности там все делаем или прям кусочками ее давать потому что глаза разбегаются вот так вот непривычки Да что понимаешь что там функционала в
01:33:00 - 01:34:20
нем много в этом листе и пытаешься схватиться за все поэтому получается такая каша Ну да я кстати вот прям вот на заметку тебе сказал бы вот что-то подобное бывает прям может знаешь сразу взять сверху там в комментариях написать Что делаем Что приоритизировать какие-то вопросы спросить вот это кстати тоже такая вещь на которую внимание сильно обращают Потому что знаешь типа ты человеку напрягалку небольшую задачу там где-то не дописал где-то поторопился например на работе Засиделся Да это тоже не очень хорошо что надо сказать это
01:33:43 - 01:34:46
большая Там здесь этого не хватает разделить как бы такой знаешь немножко такие уже навыки может быть более семерские покажет да вот это тоже прям прикольно то есть я не говорю что это обязательно там что тебя из-за этого на работу не возьмут и так далее такого нету Вот это неплохо да то есть в любом случае Катя какую-то задачу дают в начале неплохо там есть что-то непонятно там сразу отговорить там знаешь типа вот спросить потому что в конце концов то есть не все смогут понять Твою точку зрения правильно вот а результат будет
01:34:15 - 01:35:09
не очень хороший вот Ну по крайней мере в глазах твоего собеседовающего вот поэтому Да точно на заметку возьмет хорошую что-то непонятно То есть можно там пару минут поспрашивать А вот здесь как бы здесь что хотите там стиле нужны это нужны Это не это нужно это не нужно знаешь типа Вот я например на стиле в данном случае вообще не смотрел может человеку там конкретно какой-то обширный этот Круг всего важно что ты можешь там Ну хоть хоть более-менее там при стилизовать прикинуть да Ну что-то такое посмотреть нужно же
01:34:42 - 01:35:43
понять чего чего человек в первую очередь вот чтобы собственно под эти критерии уже и решить задание Ну наверное у меня по фидбэку все вот есть все что сказать добавить спросить так далее за Нет все спасибо очень полезно в принципе интересно встретиться в реальной жизни такой Собес или нет но прям прикольно Окей все тогда Спасибо что пришел уделил время давай тогда пока давай спасибо
01:35:13 - 01:36:15