React #78 | Переход на Vite, основы CDN и классический способ подключения Bootstrap

Открываем новый масштабный блок по стилизации приложений на канале DevHotSpot! В уроке №78 мы проведем глобальный апгрейд нашего окружения разработки и разберем первый способ работы с готовыми UI-компонентами. Начнем с фундамента: официально объявляем инструмент Create React App (CRA) устаревшим и полностью переходим на современный, сверхбыстрый стандарт сборки проектов — Vite. Мы развернем чистое приложение, изучим структуру папок, почистим стартовый шаблон от лишних ассетов и запустим локальный сервер на порту 5173. Попутно мы детально разберем устройство экосистемы npm и статистику популярности библиотек (Sass, React, Moment). Главная теоретическая часть урока посвящена работе сетей доставки контента (CDN). Наглядная визуализация поможет вам понять, как статические файлы (стили, скрипты, шрифты) доставляются пользователям по всему миру за считанные миллисекунды через распределенную сеть серверов. В практической части мы подключим CSS-фреймворк Bootstrap традиционным (не-React) способом через тег link в index.html, протестируем готовые компоненты Alert и научимся мгновенно переводить стандартные HTML-классы в валидный синтаксис className с помощью массовой автозамены в VS Code. 👉 Наш Telegram (Купоны, чат поддержки и код из уроков): https://t.me/devhotspot #react #vite #bootstrap #frontend #devhotspot