KZhead

ПРОВАЛИЛ СОБЕС. Frontend ЗП 180к. REACT LIVE CODING

Кодерские собесы
2024 ж. 18 Мам.
21 417 Рет қаралды
Жүктеу

Первое frontend собеседование после большого перерыва. Спрашивали теорию по js, ts, nextjs. Решал задачи на react (live-coding). После этого собеседования понял свои дыры в знаниях и пошёл устранять)
0:00 Вступление
0:53 Асинхронность
2:55 Event loop задача
5:49 Булевы операторы
6:51 localStorage, sessionStorage, cookie
8:52 Utility Types TS
10:30 any и unknown
12:08 KISS, DRY
13:14 React-задача №1
22:39 React-задача №2
28:16 react-hooks
31:04 NextJS и SSR
34:42 Заключение

Пікірлер

  • Буду рад поддержке канала: boosty.to/cooders

    @coder-interviews@coder-interviews6 ай бұрын

  • Очень хороший, дружелюбный собес. Здорово, что после каждого вопроса дают объяснение

    @user-tn1sj9zn9q@user-tn1sj9zn9q6 ай бұрын

  • Бро, спасибо, что делешь видосы!

    @DenInside@DenInside7 ай бұрын

    • Пожалуйста, надеюсь было полезно)

      @coder-interviews@coder-interviews7 ай бұрын

  • Спасибо за видео. Очень полезно. И ты сам молодчина.

    @radist126@radist1266 ай бұрын

  • Спасибо за видео, ждём ещё таких!!!

    @Xyivoyne@XyivoyneАй бұрын

  • Круто когда собеседующий сам грамотно отвечает на свои вопросы.

    @andrewsam224@andrewsam2242 ай бұрын

  • Хорошие вопросы!!!! Для как для джуна очень интересно. Крутяк!!!! Рекомендую к просмотру.

    @andrewsam224@andrewsam2242 ай бұрын

  • Ребята очень приятные , хотел бы работать с такими.

    @pvttrix@pvttrix4 ай бұрын

  • Понравилась задачка, попробую сам решить в коде

    @bbnoWhat@bbnoWhat6 ай бұрын

  • на 22:00 интервьюер слегка неправильно ответил: не из-за двойного рендера таймер на два инкрементится, а из-за двойного запуска эффектов в стрикт моде. вместо обычного mount происходит mount + cleanup + mount, а так как в коде изначально не было клинапа, два интервала работали на протяжении всей жизни компонента

    @skeetybeefy@skeetybeefy15 күн бұрын

  • Попробовал решить вторую задачу по Реакт, ушло около 40 минут, на собесе думаю достаточно было начать и показать ход объяснений. Список по сути граф, я решал через создание что-то типа списка смежности для каждого корня, и дальше с помощью dfs обходил рекурсивно

    @topsy_kreds@topsy_kreds6 ай бұрын

  • Начало уже огонь

    @tnsaturday@tnsaturday6 ай бұрын

  • Супер

    @ooldstar@ooldstar6 ай бұрын

  • 28:17 только решение (или задание) некорректное, так как в итоговом списке отсутсвуют Element 24 и Element 22. Потому что id их родителя ссылается на несуществующий элемент

    @jacktwinn@jacktwinn6 ай бұрын

  • Плюс этого собеседования в том, что интервьюер отвечает на свои же вопросы. Часто бывает, что ответа ты не услышишь правильного.

    @r1cro@r1cro3 ай бұрын

  • Привет!) Можешь сказать, часто ли тебя на собесах просят камеру включать, чтобы твое лицо видели?

    @user-mw4jj6vj4r@user-mw4jj6vj4r2 ай бұрын

  • ребята собеседующие хороши

    @karis7539@karis75394 ай бұрын

  • Спасибо, бро. Собес получился достаточно приятным, без напряжения. Это на позицию мидла?

    @KanalReal@KanalReal3 ай бұрын

  • Забавно, ответил и решил все, но на собесах скорее буду тупить как картошка. Решение с вложенностями правда решил по другому. С помощью нового компонента, который принимает детей и их детей передавая в дочерний компонент уже урезанный массив. И на вопросе с промисами в принципе дал два ответа верный и неверный, но думаю это можно засчитать, потому что ход мыслей у меня был верный.

    @user-wl2xp8yo6x@user-wl2xp8yo6x6 ай бұрын

    • Главный навык на собесах это даже не идеальное знание теории, а умение сохранять спокойствие. Т.к если начнешь стрессовать, то пол твоей теории благополучно полетит в окно, даже если ты вполне в состоянии решить поставленные задачи.

      @leeroyjenkns5182@leeroyjenkns518223 күн бұрын

  • Я думаю, что то что ты сказал, что ты не в курсе про двойной ререндер было решающим в том, что собес завалил. Стрик мод обернуто все приложение. А юс эффект чистится не только при размонтировании, но и перед каждым обновлением компонента.

    @SuperWhiteskull@SuperWhiteskull20 күн бұрын

  • Не понял про дев режим в кейсе когда сет интервал в useEffect, типа в нем два раза рендерится, но так по идее не должно быть, и тут как буду кандидата запутать хотели, по дефолту же с пустыми депсами колбэк в эффекте один раз выполниться должен

    @Dmitry_Yudin@Dmitry_Yudin6 ай бұрын

    • В дев режиме, а конкретнее в стрикт моде и дев режиме компоненты маунтятся по 2 раза

      @viktorkarpov7951@viktorkarpov79516 ай бұрын

    • @@viktorkarpov7951 Привет, а когда тогда сразу быть в режиме, чтобы один раз рендерилось? После билда только 1 раз будет?

      @MrVertu01@MrVertu012 ай бұрын

  • анКноун - сразу все понятно с "чуваком"))

    @alexnight6263@alexnight62635 ай бұрын

    • и высоту наверно называет хЕйт

      @Dimidrol14@Dimidrol144 ай бұрын

  • тебя про прошлый опыт и проекты не спрашивают или вырезаешь? и почему-то нет вопросов по архитектуре. ещё такой вопрос на практике задачи проще чем ластовая на рекурсию?

    @astarta7772@astarta77726 ай бұрын

    • Да, вырезаю, не хочу делиться этим. У меня темное прошлое, бууу)) А задача на рекурсию адекватная. Когда то придётся пилить например дерево папок по плоскому списку - вот и пожалуйста

      @coder-interviews@coder-interviews6 ай бұрын

    • @@coder-interviews а насколько подробно расспрашивают про прошлые проекты. интересуются ли деталями, какие сложности возникали? или просто говоришь пару предложений о проекте и всё? ещё интересно активный ли у тебя гитхаб и спрашивали ли когда-то о проектах в нём. просто есть мнения что его никто не смотрит доводилось юзать вебсокеты?

      @astarta7772@astarta77726 ай бұрын

    • ​@@astarta7772 просят рассказать о прошлых проектах, о последних интересных задачах которые решал. Гитхаб не просят, он у меня мертвый. Показывал только при трудоустройстве джуном на первую работу

      @coder-interviews@coder-interviews6 ай бұрын

  • здорово, а технические скринколы с эйчар тоже бывали?

    @mikene5452@mikene54527 ай бұрын

    • как мне показалось - там мало интересного

      @coder-interviews@coder-interviews7 ай бұрын

  • очень логично по сср объяснешь

    @user-kt1qj2ok7e@user-kt1qj2ok7e4 ай бұрын

  • делал сайт и юзал яндекс метрики на реакт приложении спа - все роботы отрисовали и проиндексировали, просто знаю что спашки в очереди индексирования где то в конце стоят по приоритету

    @user-jm5pp7lm8b@user-jm5pp7lm8b6 ай бұрын

    • Оо, спасибо. Сам с этим не сталкивался и не знал. От чего то поверил интервьюеру на слово, теперь понимаю что было бы здорово это проверить на своем опыте.

      @coder-interviews@coder-interviews6 ай бұрын

    • С учетом того, что в 90% спашки рисуют какой-то дэшборд, закрытый логином, силюсь понять, для чего там индексирование и метрики

      @tnsaturday@tnsaturday6 ай бұрын

    • @@tnsaturday это кейс если ты не хочешь юзать сср но при этом хочешь что бы хотябы базовая инфа проиндексировалась тип пара заголовков и дескрипшн. + всякая общедоступная инва типо контакты или о нас. Люди же как то должны найти тебя в поисковике по ключевым словам или всем прямую ссылку скидывать?

      @user-jm5pp7lm8b@user-jm5pp7lm8b6 ай бұрын

  • На мой вкус довольно неплохо отвечал - жалко что с деревом запутался. Было бы хорошо еще накинуть немного анализа задачи - чекнуть потенциальную глубину вложенности, показать что думаешь о переполнении стека, сложности алгоритма, читаемости делая выбор между рекурсией и стэком. Но кмк на данный рейт вполне могло хватить и так. Просто чуток не повезло с конкурентами. И да, интервьюеры приятные, вопросы неплохие - без ненужной сложности и очередных бессмысленных тестов на экзотическое приведение типов

    @denislukashevich5486@denislukashevich54866 ай бұрын

    • list to tree преобразование на позу фронта с зп 180к - не сложность, так и запишем =)

      @tnsaturday@tnsaturday6 ай бұрын

    • @@tnsaturday а разве сложность? Ну я действительно могу сейчас немного не ориентироваться в ИТ зарплатах в России, но так полагаю это рейт на мидла/лоу-мидла. Я бы ожидал, что с таким мидл должен справляться достаточно уверенно, даже если и неоптимально. А с помощью интервьюеров находить и потенциальные проблемы.

      @denislukashevich5486@denislukashevich54866 ай бұрын

  • В первой задаче это не dev режим виноват, а StrictMode в который обернут компонент! Так по умолчанию в новых версиях Реакта, сам тупил откуда этот второй рендер)

    @vitalimalyshkin282@vitalimalyshkin2826 ай бұрын

    • нужно просто очищать интервал, тогда даже со StrictMode работать будет

      @deantek@deantek4 ай бұрын

    • так стрикт мод только в деве

      @karis7539@karis75394 ай бұрын

  • Ты слишком требователен к себе. Я посмотрел видео. Нормально ты отвечал на собесе. Не загоняйся так сильно =)

    @ArtikMan1994@ArtikMan19946 ай бұрын

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

      @coder-interviews@coder-interviews6 ай бұрын

    • @@coder-interviews Согласен. Очень знакомое чувство. Желаю тебе удачи =)

      @ArtikMan1994@ArtikMan19946 ай бұрын

  • Самый первый вопрос, что такое синхронность и от какой проблемы она избавляет , это что за вопрос, как его вообще понять ? ))

    @igork5095@igork50956 ай бұрын

    • мне тож по началу послышалась синхронность, но там про асинхронность

      @Dimidrol14@Dimidrol144 ай бұрын

  • блин, вторую задачу так и не смог решить, хотя решение оказалось довольно легким :(

    @maxzm1279@maxzm12792 ай бұрын

  • Реально изи собес для 180к. Я получаю 100к и плюс минус почти всё знаю это. Так уж вышло что настоящие собесы даже на 150к спрашиваю всякую дичь с миллионом промисов, написанием кода чистом JS с квери селекторами и элементами ,который я ваще не помню нафиг он нужен ,если я пишу на реакт + тс + тайлвинд???

    @CiganXam@CiganXam6 ай бұрын

    • Собеседование - это как известно лотерея, как повезёт)

      @dmitrysemigradsky764@dmitrysemigradsky7646 ай бұрын

  • 10.02 погода 21°C

    @mr.filifok4530@mr.filifok45307 ай бұрын

    • Ахах, а у вас сколько?)

      @coder-interviews@coder-interviews7 ай бұрын

  • В итоге провалил собес или получил оффер?

    @user-gi6vc2ys2f@user-gi6vc2ys2f6 ай бұрын

    • Провалил, мне даже не ответил hr) Ну в целом думаю они не были довольны знанием ts и умением решать задачи))

      @coder-interviews@coder-interviews6 ай бұрын

    • @@coder-interviews мне понравилось как ты отвечал. Да, на некоторых моментах не идеально, но в целом нормально отвечал. Просто если нашли другого кандидата, то далеко не всегда лучшего по знаниям. В большинстве случаев выбрали кандидата т.к. он знает примерно как ты или +- больше или меньше, но готов работать за меньшую зарплату

      @ArtikMan1994@ArtikMan19946 ай бұрын

    • @@ArtikMan1994 спасибо, бро)

      @coder-interviews@coder-interviews6 ай бұрын

    • ​@@coder-interviewsгнилая контора значит. В любой нормальной фирме не только ответят, но и технический фидбэк дадут

      @tnsaturday@tnsaturday6 ай бұрын

    • @@tnsaturday Сейчас на вакансии с удаленкой от тысячи откликов, даже на миддлов. Делать им нечего каждому фидбэк давать)

      @JJohnson-fy9uz@JJohnson-fy9uz6 ай бұрын

  • После того, как интервьюер заявил про асинхронность в джаве, стало ясно, что конторка так себе 🤣

    @tnsaturday@tnsaturday6 ай бұрын

    • А что конкретно не так? Там асинхронность достигается за счёт потоков.

      @meddwedd@meddwedd6 ай бұрын

    • @@meddwedd 🤡🤡🤡

      @tnsaturday@tnsaturday6 ай бұрын

    • @@tnsaturday класс CompletableFuture чем-то напоминает Promise из JS и может быть использован для асинхронности. Разве нет?

      @meddwedd@meddwedd6 ай бұрын

  • Ну по факту да, ты слабовато отвечал, так что тут всё объективно. Единственное до чего можно было докапаться это как они формулировали вопросы. В том плане, что некоторые были с подвохом, но возможно на это и был рассчёт

    @spr1ng586@spr1ng5866 ай бұрын

  • Это на Джуна что ль?)

    @user-ms5vu1zp9d@user-ms5vu1zp9d6 ай бұрын

  • пишу недоразумение в течении 15 минут)) про хуки они тебя запутали. ты хотел рассказать, что разные хуки под разные цели, а они спросили так, как будто хуки все вместе что-то одно привнесли.

    @Todortodorov62@Todortodorov624 ай бұрын

  • Первый же вопрос: что такое синхронность? Т.е. не что такое parallel/concurrent, а некая синхронность. Надеюсь, исполнения. Сразу в помойку такого работодателя за пустые выебоны. Хуйкин здесь - представитель работодателя, и если последний не следит за качеством сотрудников - нанимайте из оставшегося говна. Спасибо

    @sighupcmd@sighupcmd6 ай бұрын

    • Специально несколько раз переслушал, я так понимаю, у интервьюера проблемы с дикцией, потому что такого понятия как синхронность не существует. Если речь идёт про выполнения, так оно не "синхронное", а последовательное. Синхронное бывает ныряние 🤣

      @tnsaturday@tnsaturday6 ай бұрын

    • @@tnsaturday синхронное взаимодействие - получение(ожидание) моментального ответа. асинхронное соответственно, не ждет моментального ответа.

      @mossovet8412@mossovet84123 ай бұрын

    • @@mossovet8412 ну только никто не говорит никогда синхронность, потому что любой код и так синхронный по умолчанию. Говорят асинхронность, когда хотят подчеркнуть различия

      @tnsaturday@tnsaturday3 ай бұрын

  • Лайк не поставлю потому что картинка мерзкая. За работу держи комент

    @lenyacher8344@lenyacher83444 ай бұрын

  • ты этого чудака просто в конце продавил, вот они тебя и не взяли

    @user-kt1qj2ok7e@user-kt1qj2ok7e4 ай бұрын

  • Странно, что нету вопросов по CSS и вообще по верстке, просто не раз замечал чисто 💩-код css за то мидлы "React/Angular" разработчики, это не хейт, я сам это заметил, что мало кто спрашивает на собесах саму верстку и не понимаю почему, ведь фронт 90% это html & css + js (10%) просто для динамики на странице, все

    @artemorlov4290@artemorlov42903 ай бұрын

    • Ну если всё ограничивается лендингом то да. На моём проекте 90% сложности - функционал и преобразование данных.

      @Foxy31@Foxy3117 күн бұрын

  • Окончательно понятно, что конторка так себе стало, когда интервьюер спросил про то, зачем нужны хуки. Он очень жидко дал в рейтузы. 1) стейт - что, простите? Какое отношение имеет, например, useLayoutEffect к стейту? 2) логика - ну хорошо пример функционального компонента, который принимает один проп и в зависимости от значения рендерит либо одно, либо другое. Логика без хуков. В общем, уровень его понятен.

    @tnsaturday@tnsaturday6 ай бұрын

    • А фиг с тобой поспоришь😅

      @coder-interviews@coder-interviews6 ай бұрын

    • По-моему он ещё ошибся в понятиях stateless и statefull.

      @meddwedd@meddwedd6 ай бұрын

    • Открываем официальную документацию реакта и читаем: "Хуки - нововведение в React 16.8, которое позволяет использовать состояние и другие возможности React без написания классов." И что интервьюер сказал неверно?) "Какое отношение имеет, например, useLayoutEffect к стейту?" - самое прямое. В этом хуке мы можем изменять состояние или делать вычисления ДО отрисовки компонента, этот хук синхронный, в отличие от асинхронного useEffect, который запускается после рендера.

      @ylsv@ylsv4 ай бұрын

  • шептун ! из-за тебя приходится повышать звук, чтобы услышать твой шепот, а когда чел с экрана говорит понижать, потому что орет. Прекрати шептать нихера не слышно

    @MDFireX5@MDFireX57 ай бұрын

    • Спасибо за отзыв. Действительно есть проблемы со звуком. Это первое видео которое записывал, не разобрался с настройкой записи своего звука + плюс посредственный микрофон у меня. Буду исправлять)

      @coder-interviews@coder-interviews7 ай бұрын
KZhead