НАЧНИ УЖЕ ПИСАТЬ КОД / Полный курс по React и TypeScript

➡️ Продолжение курса: React Router и дальнейшая разработка приложения + текстовая расшифровка курса по ссылке: https://t.me/om_assistant_robot?start... 👉Практику для вас провел ментор Руслан Куянец: https://t.me/find_it_mentor_bot?start... 👉Учу зарабатывать в IT: https://t.me/m0rtymerr_channel 👉Найти ментора в IT: https://2r.ru/ 👉Все мои ресурсы в одном месте: https://nazarovanton.ru/ В этом видео мы расскажем, зачем вообще учить React и TypeScript в 2026 году, а также познакомимся с основой и логикой непосредственно React. Мы расскажем об основных концепциях, компонентном подходе и хуках: useState, useEffect, useMemo. К концу видео вы уже сможете писать простой код и верстать интерфейсы. Таймкоды: 00:00 Кому это видео точно будет полезно? 03:32 Почему это видео будет полезно начинающим фронтам? 05:35 Зачем мы объединили React и TypeScript? 08:25 План курса 10:30 React — это библиотека, а не фреймворк (и почему это круто) 11:13 Создаём проект через Vite: команда, терминал, VS Code 15:34 Экскурсия по папкам: package.json, node_modules, index.html 21:16 Базовые стили: сбросы, переменные 23:49 Вёрстка хедера, навигации, кнопки «тёмная тема» 32:50 Вёрстка карточек постов 37:06 Компоненты: кирпичики UI, каждый в своём файле 41:00 Создаём PostCard: одна карточка вместо дублей 49:30 Динамические списки через map: массив → JSX 52:00 Атрибут key: зачем он нужен 1:02:30 Интерактивность: состояние (useState) — первый хук 1:13:55 Synthetic event: onClick, onDoubleClick, onMouseEnter 1:15:25 Жизненный цикл: компонент рождается, живёт, умирает 1:18:25 useEffect с пустым массивом — код при рождении (монтирование) 1:20:55 useEffect с зависимостями — реакция на изменения (обновление) 1:26:55 Виртуальный DOM: лёгкая копия, сравнение, точечный апдейт 1:29:25 Запрос к серверу: useEffect + пустой массив — фетчим посты с JSONPlaceholder 1:31:55 Сохраняем посты в state и отображаем 100 карточек через map 1:34:25 Переписываем fetch на async/await (отдельная функция внутри useEffect) 1:36:55 Состояния loading и error: показываем лоадер, ошибку, «нет постов» 1:40:25 Передаём в PostCard весь объект post целиком (вместо кучи пропсов) 1:44:25 Итог по основным хукам: useState и useEffect покрывают 90% задач 1:46:45 Хуки оптимизации (useMemo, useCallback) #программирование #frontend #react #typescript #антонназаров #осознаннаямеркантильность