ReactJS Junior // Співбесіда наживо // Анастасія Романюк // S2E1
ฝัง
- เผยแพร่เมื่อ 11 ก.ค. 2024
- Онлайн співбесіда наживо рівня Junior ReactJS з Анастасією Романюк - переможницею першого випуску нового проєкту "Резюме Ґриль" від @juniverse_ua. Загальна теорія, питання з React та практичні задачі на уважність.
***
Анастасія прагне стати веброзробницею, і заради цієї мети активно вчиться та пройшла інтенсив fullstack developer вд однієї з компаній, а тепер потрапила до мене, отримавши нагоду перевірити свої знання та навички. Чи вдасться їй? Чи зможе вона гідно відповісти на усі хитрі запитання та розвʼязати заплутані задачі?
***
Анастасія Романюк - / anastasiia-romaniuk-7a...
Анастасія Гордєєва - / anastasiia-hordieieva-...
Стаття про React Context - / react-context-all-you-...
***
00:00:00 Вступ та знайомство
00:03:09 Що відбувається після натискання на посилання?
00:05:18 Чим відрізняється display:none від visibility:hidden
00:07:20 Як застосувати стилі тільки до елементів з парними індексами?
00:09:50 Практики використання CSS Grid та CSS Flexbox разом
00:13:50 Чим відрізняються cookies, sessionStorage та localStorage?
00:17:36 Що таке DOM? Як він взаємодіє з JavaScript?
00:21:29 Як можна перебрати масив?
00:24:35 Що таке Promise, яку задачу він дозволяє вирішити?
00:28:00 Що таке JSX і для чого він використовується у React?
00:30:49 Що таке компонент у React?
00:32:39 Що таке стан (state) та пропси (props) в React?
00:38:15 Що таке контекст у React і які проблеми він допомагає розв'язати?
00:43:52 Що таке хуки в React? Наведіть приклади декількох хуків.
00:50:55 Що таке віртуальний DOM і як він працює?
00:53:28 Як можна організовувати стилі у React-застосунках?
01:00:26 Задача: неправильне оновлення стану
01:01:40 Задача: useEffect, залежності та cleanup
01:11:25 Задача: useEffect, асинхронність
01:17:07 Задача: умовний рендеринг
01:21:19 Задача: обробка помилок, оновлення стану, рендеринг з масива
01:30:08 Фідбек від Анастасії Гордєєвої
01:46:45 Заключення
Я нарешті провів розіграш. Перевірити чи ви виграли, якщо брали участь, можна за цим посиланням: www.random.org/draws/details/?draw=226555
Розіграш відбувався за імейлом.
Правильна відповідь на питання від мене - 0.3.0 )
Я не знаю як це працює, але коли Сергій каже припиняй нервувати, я починаю нервувати
Се таке магічне заклинання
Дякую за інформативне відео! Експертка Анастасія - вогонь ❤️🔥
Дякую за відгук, приходьте ще )
Як починаю згадувати свої інтерв'ю, то згадую одну пораду, що інтерв'юєри бувають технічні та практичні. Я хвилююсь більше ніж апонент у відео. Дякую за такі відео.
Дуже крутий контент! дякую. Ваша подача надзвичайно цікава
Дякую за гарний та корисний контент! Вкотре з задоволенням дивлюсь та ставлю на паузу перед відповідю інтерв'юера. Настя Романюк--- молодець, успіхів! Анастасія Гордєєва - все по факту, пам'ятаю етер з нею. Було дуже цікаво !
Дякую дуже за відгук!
молодець Анастасія!❤
Молодець, Настя❤❤❤❤
Крутий ефір, дуже сподобалось, як трималась Анастасія, молодчинка🤗
Дякую)
Співбесіда топ, і експертка цього разу - просто вогонь 🔥 Настільки гарно, структуровано і професійно поданий фідбек. Хотілося б собі такого ментора))
захотілось до неї на співбесіду)))
треба спробувати казати людині щоб хвилювалась ще більше, щоб пішов супротив з іншого боку і заспокоєння😃
Треба спробувати)))
Настя молодець, гарні відповіді, душний експерт - молодець, гарний фідбек, Бабіч - все стабільно)
Цьом у лобіка за комент )
А Бабіч стабільно молодець чи душний?)
@@babichweb 2в1)
Дякую за наглядний приклад гарних hard skills, але коли загубили soft 🎉
А ти аж настільки впевнений, що маєш всі софт скіли?
Ні, я їх немаю
Але не покличеш, не дізнаєшся.
Я написав коммент не з метою образити розробницю, перший крок вирішення проблеми - її розуміння!
Угу
Комент в підтимку кандидатки і душного Бабіча)
Душний Бабіч душно дякує!
Дуже круто проводиш співбесіди Сергію, практично кожну співбесіду твою переглядав. Анастасія марно сумнівалась в собі, вона добре підходить я вважаю під програмування.
Дякую за відгук, дуже приємно )
Моя проблема в тому шо я майже завжди забуваю ставити лайки, глянув відос, сподобалось, закрив і пішов далі. Не будьте як я, ставте таким відосам лайки!
Дякую)
Оце реальність - люди не використовували queryselector… Веб такий мінливий)
Життя бентежне)
Можливо, вона не хоче лишній раз дьоргати дом, тому зразу зберігає ноди при createElement
Я вчу веб-розробку рік. Дуже впевнено знаю реакт, трохи вью і я юзав кверісклектор та гетелементбайайді. Просто дівчинка дуже слабенька, навіть супер нульовий трейні знає що таке мемо наприклад
@@ko3ak112 готовий довести свої знання в прямому етері?
1:29:00 Тут скоріше немає помилки. Помилкою було б використати "todo" замість "index", бо немає гарантії що todo буде унікальним (вільний input). Дублікат призведе до warning'у "Each child in a list should have a unique key" з подальшими проблемами. Але й іншого ідентифікатору крім index тут немає. Більш того, порядок в списку не змінюється, тому index цілком ок в даному випадку.
Я також зазначаю, що index швидше не рекомендується, аніж є помилкою. Тим не менш.
@@babichweb з index було, на мій погляд, підступно ) Якби було описано структуру todo-шек і там була ідешка, тоді би да. а так.... Звісно, фактично якщо джун зверне увагу, що використовуєть індекс масиву і це некомільфо, що краще використовувати більш стабільні ідентифікатори - це однозначно в плюс. Але для джуна мабуть більш принципово щоб взагалі не забув про key. Може був би сенс зробити побудову 2-х списків і в одному просто забути key і спробувати "розгорнути" відповідь? Я, чесно кажучи, переглядаючи перший раз не звернув уваги що там в ключах - є ключ і норм. А вже при 2-гому задавася собі питанням, а чого там індекс? а чи є взагалі в todo ідентифікатор? ну і т.п. :) В цілому сподобалося, але тут багато суб'єктивізму, як в будь-якій співбеседі... Якісь питання глибокувато (типу як посилається запит до серверу - і тут не дуже відомо як глибоко розповідати, чи треба про DNS казати чи ні? А може щей непогано статуси назвати і розповісти всю послідовність? ), а якісь навіть для джуна поверхнево (наприклад методи перебору масивів - як на мене основи JS і тут непогано би попитати поглибше).. Але ж тут суб'єктивно залежить від інтерв'юєра - що він важає за "головне". В цілому, манера проведення співбесіди мені імпонує: приємно, спокійно, без нервів. позитивно :) Сергію, Ви молодець :) оО! А ще мені сподобалося, що Ви, Сергію, не тільки запитуєте, але і по ходу навчаєте, даючи правильні відповіді (як приклад async в useEffect ;) ).
Дякую за відгук! Так, в цьому сенс цих етерів - не лише питати, а я й розказувати. Ну а щодо задач, то на те вони й задачі на уважність )))
Друзі, запамʼятайте, якщо не знаєте що вставити замість ключа (сумніваюсь що у комерції вам бек віддасть обʼєкти без айді), використайте хук useId()
Сергій неодноразово повторює "Готова? Заспокоїлась?", наче спеціально... від цього людина навпаки нервувати починає
Так, я спеціально її нервую
Буду вдячний за LinkedIn Анастасії(експерта)
додав до опису відео
Як потрапити на таке iнтервью?
Слідкувати за анонсами в телеграмі та Лінкедині і набратися терпіння. Наступний набір заявок відбудеться аж на третій квартал цього року.
Сергій, як попасти до вас на інтерв'ю?)))
Слідкувати за анонсами в телеграмі і Лінкедині ) Але зважайте, шо в телевізор вийде попасти не раніше третього кварталу.
Приватним же чином можна домовитись, звичайно ж платно.
@@babichweb В мене немає мети попасти в телевізор))) Просто вже не перше інтерв'ю дивлюсь і зрозумів, що хочу спробувати свої сили. Тим паче, що я як і Анастасія шукаю роботу на позицію ReactJS Junior Developer.
Напиши з тижня, обговоримо
@@babichweb Добре, дякую. Гарного вечора 😉
/душніла-он не знаю чи це дійсно співбесіда на джуна, схоже більше на екзамен в кінці курсу по фронтенду в універі /душніла-офф
але бачу народу заходить, тому як контент - топчик)
Там експертка в кінці слушно зауважує, що мої співбесіди про розкриття слабких і сильних сторін. І я з нею в цьому цілком погоджуюсь.
Бо я не можу робити співбесіди, максимально наближені до реальних, їх ніхто дивитись не буде.
@@babichweb справедливо!
Бабiч, так я не зрозумiв, душнити в коментах можна чи так ?)
Можна, але не до кандидатів
Йой так легко відповісти на питання, що відбувається коли клацаєш на посилання. А де dns osi і т.д. про рівні протоколів я вже мовчу
Пхахах
От і добре
@@babichweb можливо, я щось не дуже розумію, але то реально так легко? Реакт вчиться за 2 тижні. Мені аж самому цікаво. Чи я здам на трейні після 2-ох тижнів навчання. Можна зробити челенжд.
Пропоную челенж. Я с++ розробник. Я за 2 тижні здаю на джуна з фронтенд. А потім ви за той термін який схочите здаєте мені на с++ трейні.)) То буде весело)))
А як би ти відповів?
Душний експерт!
МАК-СИ-МАЛЬ-НО!
Експерткиня, вимбачте)
Експертка, попрошу!
відкрийте форточку@@babichweb
Шо ж то за легендарна стаття про контекст?
Ділись уже зі всіма)
Дуже крутий контент! дякую. Ваша подача надзвичайно цікава