ReactJS Junior // Співбесіда наживо // Анастасія Романюк // S2E1

Онлайн співбесіда наживо рівня Junior ReactJS з Анастасією Романюк — переможницею першого випуску нового проєкту "Резюме Ґриль" від ‪@juniverse_ua‬. Загальна теорія, питання з React та практичні задачі на уважність.

***
Анастасія прагне стати веброзробницею, і заради цієї мети активно вчиться та пройшла інтенсив fullstack developer вд однієї з компаній, а тепер потрапила до мене, отримавши нагоду перевірити свої знання та навички. Чи вдасться їй? Чи зможе вона гідно відповісти на усі хитрі запитання та розвʼязати заплутані задачі?

***
Анастасія Романюк —   / anastasiia-romaniuk-7a8445253  
Анастасія Гордєєва —   / anastasiia-hordieieva-295319259  
Стаття про React Context —   / react-context-all-you-need-to-know  

***
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 Заключення