🚀Стань квалифицированным разработчиком за 12+ месяцев с трудоустройством в IT-INCUBATOR: 🎨 Front-end https://it-incubator.io/front-end/?utm_source=youtube&utm_medium=it-k&utm_campaign=education&utm_content=rsw ⚙ Back-end https://it-incubator.io/back-end/?utm_source=youtube&utm_medium=it-k&utm_campaign=education&utm_content=rsw 💰 Карьерный бустер\стажировка https://it-incubator.io/education/career-booster/?utm_source=youtube&utm_medium=it-k&utm_campaign=education&utm_content=rsw 😱 Революционный React курс: https://it-incubator.io/react/ru/react-samurai-way/free-course 🔗 Предварительная регистрация на AI/SystemDesign/FullStack марафон: https://docs.google.com/forms/d/e/1FAIpQLSfbNIxwfyREJr7bg3Mr017cx44cN65QRxDr-bArPBoMfFKQoA/viewform?usp=dialog 00:00 — Вступление 03:07 — О чём данный курс 04:25 — Что такое front, зачем на React 21:50 — TypeScript, NodeJS, Vite 28:30 — Создаём приложение 40:00 — JSX, компонент App 48:12 — Хук useState 01:01:00 — Глубже в JSX, переносим плеер из HTML в JSX 01:08:40 — Ещё раз про useState + настройки TS 01:11:05 — Render algorithm vs Data structure (теория) 01:17:00 — TS типизация для useState + условный рендеринг 01:23:00 — Hook useEffect 01:29:09 — Про Back-end API, musicfun api, apihub, swagger 01:37:30 — Fetch + TypeScript 01:42:30 — JSX === Function calls === Object 01:45:40 — Как работает React, FiberNode (теория) 01:53:00 — Логика выделения трека, onClick 01:59:00 — Реализация List–Details pattern 02:17:00 — Что такое компонент? Декомпозиция приложения 02:32:40 — Поднятие стейта, props 02:44:06 — Deps для useEffect 02:52:32 — Inversion of control, callback 02:59:00 — Анализ перерисовок 03:03:55 — Архитектура front-end, Data Access Layer 03:11:40 — Архитектура front-end, Business Logic Layer 03:15:30 — Кастомные хуки 03:26:00 — Ещё раз про архитектуру, типы, анализ кода 03:29:00 — Компонент TrackItem 03:35:30 — Module CSS, clsx 03:49:55 — Git, система контроля версий 03:58:40 — GitHub.com 04:06:20 — CI/CD, GitHub Actions, GitHub Pages 04:14:30 — GitHub Actions, workflows 04:19:00 — .env, переменные окружения 04:28:30 — Vite.config.ts, base 04:30:30 — Domain для apihub.it-incubator.io 04:33:00 — До скорых встреч, мотивация, что будет дальше?