Онлайн співбесіда наживо рівня Junior ReactJS з Анастасією Романюк — переможницею першого випуску нового проєкту "Резюме Ґриль" від @juniverse_ua. Загальна теорія, питання з React та практичні задачі на уважність. *** Анастасія прагне стати веброзробницею, і заради цієї мети активно вчиться та пройшла інтенсив fullstack developer вд однієї з компаній, а тепер потрапила до мене, отримавши нагоду перевірити свої знання та навички. Чи вдасться їй? Чи зможе вона гідно відповісти на усі хитрі запитання та розвʼязати заплутані задачі? *** Анастасія Романюк — https://www.linkedin.com/in/anastasiia-romaniuk-7a8445253 Анастасія Гордєєва — https://www.linkedin.com/in/anastasiia-hordieieva-295319259 Стаття про React Context — https://medium.com/@mohamedelayadi/react-context-all-you-need-to-know-40de6662b074 *** 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 Заключення