Знакомство с React.js

000:Наш первый хакатон показал, что студенты факультета гораздо лучше выступают в роли backend-разработчиков, а frontend для многих остается в тени. Чтобы пролить свет и на эту сторону web-разработки, мы решили познакомиться с одним из наиболее популярных инструментов frontend-разработки — React.js. На этой лекции вы узнаете про основные концепции React: что такое компоненты, Virtual DOM, React Hooks. Лекция будет обзорной, поэтому материал подойдёт всем, вне зависимости от уровня навыков. Telegram: https://t.me/dscsgu VK: https://vk.com/dscsgu Github: https://github.com/dsc-sgu Сайт: https://dsc.alivetech.org Тайм-коды: 0:00:00 — Введение 0:01:46 — Почему стоит выбрать React? 0:04:36 — Сравнение производительности: React vs. Vue vs. Svelte. 0:05:40 — Зачем нужен JavaScript на фронтенде? 0:07:01 — История создания React и выход в Open Source 0:09:08 — Что такое DOM (Document Object Model)? 0:12:16 — Шаблон «Наблюдатель» и принцип работы хуков 0:13:28 — Основные абстракции: компоненты, props и state 0:15:15 — Жизненный цикл компонента: рендер, привязка к DOM, уничтожение 0:18:57 — Как начать? 0:22:25 — Практика 1: Создание простого счётчика кликов 0:38:58 — Практика 2: Динамическая смена стилей и тем оформления 0:51:41 — Практика 3: Запрос к API (Fetch) и отображение данных 1:15:31 — Заключение