HTMX 4.0 Is Here - And There's No HTMX 3 (Here's Why)

Вы слышали, что вышла htmx 3.0? Вот секрет: htmx 3.0 не существует! Создатель, Карсон Гросс, обещал, что версии 3 никогда не будет, поэтому он сдержал своё слово, сделав технический ход, и сразу перешёл к htmx 4.0 — и это полностью переработало фреймворк, удалив 15 КБ устаревшего кода. 🔔 Подпишитесь: https://www.youtube.com/channel/UC0DZj1PNa_Fp0MU6uPSKv5w 💙 Станьте участником: https://www.youtube.com/channel/UC0DZj1PNa_Fp0MU6uPSKv5w/join 🐦 Twitter/X: https://x.com/cloud_codes 💬 Discord: https://discord.gg/4kJqEBMMf В этом видео Cloud Codes разбирает технические архитектурные изменения в htmx 4.0.0-beta6. Мы исследуем, почему XMLHttpRequest был полностью удален из кода в пользу нативной функции fetch и async/await, что уменьшило размер минифицированного пакета с 50 КБ до 35,4 КБ. Вы узнаете о серьезных изменениях, которые приведут к сбоям существующих приложений на HTML2, включая прекращение неявного наследования атрибутов, удаление кэширования истории DOM и обязательную замену ошибок 4xx/5xx, а также о совершенно новых основных функциях, таких как встроенное морфинг DOM Idiomorph, потоковая замена SSE и новый элемент hx-partial. Если это помогло вам понять веб-архитектуру, производительность фронтенда и современный дизайн фреймворков, подпишитесь на Cloud Codes, чтобы получать новый анализ инфраструктуры каждую неделю! Создавайте, решайте задачи, развертывайте. ⏱️ Разделы видео: 0:00 - Миф о htmx 3.0 (переход к версии 4.0) 0:44 - Движок Fetch: прощай, XMLHttpRequest 1:21 - Почему Карсон Гросс переписал внутреннее устройство (fixi.js) 2:36 - Критическое изменение №1: Неявное наследование устарело 4:07 - Критическое изменение №2: HTTP-ошибки 400 и 500 теперь меняются местами 5:28 - Переименование событий и атрибутов (24 события устарели) 7:15 - Удалено кэширование истории (поведение кнопки «Назад») 8:09 - Новые функции: Idiomorph, SSE, hx-partial и переходы между представлениями 10:30 - Стоит ли обновляться? (Инструмент миграции) 11:35 - Почему удаление кода делает фреймворки лучше 🔗 Упомянутые репозитории и источники: • Эссе HTMX («Фетчинг»): https://htmx.org/essays/the-fetchening/ • Официальный репозиторий HTMX: https://github.com/bigskysoftware/htmx • Fixi.js (Прототип HTMX 4): https://github.com/bigskysoftware/fixi • Idiomorph (Алгоритм морфинга DOM): https://github.com/bigskysoftware/idiomorph • Инструмент командной строки для миграции HTMX: npx htmx.org@4.0.0-beta6 upgrade-check #htmx #javascript #webdevelopment #frontend #systemdesign #html #cloudcodes Запросы пользователей: htmx 3.0 Что именно изменилось Миграция fetch в HTMX 4.0 beta 6 Критические изменения в HTMX 4 (Карсон Гросс) Производительность fetch vs xmlhttprequest в HTMX Ядро морфинга DOM в HTMX Idiomorph Неявное наследование в HTMX отключено Ошибка обмена в HTMX 4 (статус 400 500) Инструмент обновления HTMX npx htmx org Почему HTMX пропустил версию 3 Объяснение пакета HTMAX JS Разбор HTMX в Cloud Codes