⚡️ Vite - Горячая замена модулей (HMR)

Channel:
Ukraine Игорь Бабко
Subscribers:
7,550
Published on ● Video Link: https://www.youtube.com/watch?v=95zHADrxrC0


Duration: 34:29
173 views
9

Пошагово разберем как работает горячая замена модулей (Hot Module Replacement) в Vite.

🧪 Репозиторий: https://github.com/igorbabko/builds-with-vite

🧪 Исходный код урока 1: https://github.com/igorbabko/builds-with-vite/commit/20ce336873fa59f1735486a514948353fb74b97e
🧪 Исходный код урока 2: https://github.com/igorbabko/builds-with-vite/commit/ca85998c7ab43c4d2667ef3f28b779b9f1f4f8b0
🧪 Исходный код урока 3: https://github.com/igorbabko/builds-with-vite/commit/8acab6186b32e9a932c1096c067783a646863266
🧪 Исходный код урока 4: https://github.com/igorbabko/builds-with-vite/commit/097ca968186fb4f3fe5f792392e2aaaf6d27a5e9

🎨 Тема VS Code:
https://marketplace.visualstudio.com/items?itemName=JoseMurilloc.aura-spirit-dracula

🎨 Иконки VS Code:
https://marketplace.visualstudio.com/items?itemName=BeardedBear.beardedicons
https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme

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

🍿 Весь плейлист:
https://www.youtube.com/playlist?list=PL-FhWbGlJPfZg649Ukk5vPa4nUjHhQ6o3

👀 Другие курсы:
Vue Composition API с нуля: https://www.youtube.com/playlist?list=PL-FhWbGlJPfaCm9Qx7G9wQqtt2_yBT92V
Кастомная настройка Tailwind CSS: https://www.youtube.com/playlist?list=PL-FhWbGlJPfbF0sFMBNwVlzQNGCsASYQw
Tailwind CSS + JIT компилятор: https://www.youtube.com/playlist?list=PL-FhWbGlJPfY5OQNvcOU9nWvxZgooW-FA
Лендинг Tesla на Tailwind CSS: https://www.youtube.com/playlist?list=PL-FhWbGlJPfbmPBYt_sUH3IbBddvrx506
Верстка YouTube на Tailwind CSS: https://www.youtube.com/watch?v=LdbHAZiZexU&list=PL-FhWbGlJPfa2QOklK-4ED0gZFg6gbmyE
YouTube клон на Vue 3 и Tailwind CSS: https://www.youtube.com/playlist?list=PL-FhWbGlJPfbiWrsWnvUy8HzbG85K722U
Настройка VS Code: https://www.youtube.com/playlist?list=PL-FhWbGlJPfZKlFiR0i3nLVgUMPg8Z4t-

#vite #vitejs #javascript #bundler #frontend #hmr

🕛 Тайм-коды:
00:00 - Горячая замена модулей (HMR)
11:02 - Взаимодействие клиента и сервера
17:02 - Метод hot.accept()
25:35 - Метод hot.dispose()



Other Videos By Игорь Бабко


2023-10-25VS Code | Мои настройки #10 - Финальные улучшения интерфейса
2023-10-24VS Code | Мои настройки #9 - 🦄 Анимации интерфейса (расширение VSCode Animations)
2023-10-23VS Code | Мои настройки #8 - Переопределение стилей с помощью расширения Apc Customize UI++
2023-10-22VS Code | Мои настройки #7 - Расширение Apc Customize UI++
2023-10-21VS Code | Мои настройки #6 - Автодополнение в терминале (плагин Fig для macOS)
2023-10-20VS Code | Мои настройки #5 - Стили терминала
2023-10-19VS Code | Мои настройки #4 - Терминал (плагины Oh My Zsh и Starship)
2023-10-18VS Code | Мои настройки #3 - Общие настройки
2023-10-17VS Code | Мои настройки #2 - Область редактирования кода
2023-10-16VS Code | Мои настройки #1 - Интерфейс
2023-10-12⚡️ Vite - Горячая замена модулей (HMR)
2023-10-11⚡️ Vite - Создание и публикация NPM пакета
2023-10-09⚡️ Vite - Быстрая Сборка JavaScript Проектов | Полный курс
2023-10-04Vite | сборщик нового поколения #33 - Деплоймент Vite проекта
2023-09-30Vite | сборщик нового поколения #32 - Интеграция React
2023-09-28Vite | сборщик нового поколения #31 - Интеграция Vue
2023-09-26Vite | сборщик нового поколения #30 - Метод hot.dispose()
2023-09-24Vite | сборщик нового поколения #29 - Метод hot.accept()
2023-09-22Vite | сборщик нового поколения #28 - Взаимодействие клиента и сервера
2023-09-20Vite | сборщик нового поколения #27 - Горячая замена модулей (HMR)
2023-09-18Vite | сборщик нового поколения #26 - Конфигурация сервера


Tags:
vite
vitejs
frontend
javascript
typescript
hmr
hot module replacement
как работает hmr в vite