⚡️ Vite - Быстрая Сборка JavaScript Проектов | Полный курс

Курс по разработке современных frontend проектов с помощью сборщика нового поколения Vite.

Telegram - https://t.me/igorbabko_dev

🧪 Репозиторий: https://github.com/igorbabko/builds-w...
🧪 Исходные коды для каждого урока: https://github.com/igorbabko/builds-w...

🎨 Тема VS Code:
https://marketplace.visualstudio.com/...

🎨 Иконки VS Code:
https://marketplace.visualstudio.com/...
https://marketplace.visualstudio.com/...

✍️ Шрифт:
https://philpl.gumroad.com/l/dank-mono
https://www.jetbrains.com/lp/mono/

🍿 Весь плейлист:    • Vite - сборщик нового поколения  

👀 Другие курсы:
Vue Composition API с нуля:    • Vue Composition API с нуля  
Кастомная настройка Tailwind CSS:    • Кастомная настройка Tailwind CSS  
Tailwind CSS + JIT компилятор:    • Tailwind CSS + JIT компилятор  
Лендинг Tesla на Tailwind CSS:    • Лендинг Tesla на Tailwind CSS  
Верстка YouTube на Tailwind CSS:    • Tailwind CSS YouTube клон #1 - Шапка  
YouTube клон на Vue 3 и Tailwind CSS:    • YouTube клон на Vue 3 и Tailwind CSS  
Настройка VS Code:    • Настройка VS Code  

#vite #vitejs #javascript #bundler #frontend

🕛 Тайм-коды:
00:00 - Установка Vite
06:04 - Импорт NPM модулей
14:03 - Импорт CSS файлов
18:30 - Импорт CSS модулей
24:07 - PostCSS плагины (Tailwind CSS)
28:20 - CSS препроцессоры
31:51 - Импорт JSON файлов
33:39 - Импорт файлов
36:54 - Папка public
43:12 - Glob импорты
50:14 - Именованные glob импорты
53:57 - Поддержка JSX синтаксиса
01:04:40 - TypeScript
01:09:52 - ESLint
01:13:22 - Псевдонимы путей
01:17:10 - Переменные окружения
01:25:53 - Сборки для многостраничных приложений
01:33:15 - Режим сборки библиотеки
01:46:21 - Сборка библиотек с несколькими точками входа
01:52:31 - Импорт модулей библиотеки с помощью require
01:56:46 - Сторонние зависимости в собственных библиотеках
02:03:18 - Публикация пакета в NPM репозитории
02:12:53 - Оптимизация картинок
02:18:17 - Создание плагина
02:28:01 - Конфигурация плагина
02:37:11 - Конфигурация сервера
02:44:59 - Горячая замена модулей (HMR)
02:56:02 - Взаимодействие клиента и сервера
03:02:01 - Метод hot.accept()
03:10:35 - Метод hot.dispose()
03:19:28 - Интеграция Vue
03:24:22 - Интеграция React
03:30:19 - Деплоймент Vite проекта