​Убираем JavaScript. Как при помощи htmx красиво использовать HTML и уменьшить объем кода

HTMX — инструмент для создания сложных и интерактивных веб-приложений на HTML, альтернатива клиентскому рендерингу на JavaScript.

Здесь вы узнаете, как библиотека помогает переиспользовать элементы на сервере, сократить объём кода на JavaScript и отказаться от сборки.

https://tprg.ru/MwFH

#фронтенд #htmx

​Олдскульные HTML-шаблоны снова в моде

«Перезагрузка страниц занимает ощутимое время, при этом пользователю не показывается даже спиннер! Что об этом говорят наши UX гайдлайны?» — таким вопросом задавались IT компании, принимая решение немедленно переезжать на single-page application. И на долгие годы рендеринг действительно переехал на сторону клиента, чтобы не заставлять страницы каждый раз перезагружаться.

А потом появился веб-фреймворк Phoenix для языка Elixir, который вдохнул новую жизнь в серверный рендеринг. Сегодня это можно сделать и с помощью Python, а точнее фреймворка htmx. Но подробнее об этом узнаете в статье:

https://habr.com/ru/post/701894/

#htmx #python

Пишем одностраничное приложение с помощью htmx

JS-библиотеку htmx многие воспринимают как средство, которое спасает интернет от одностраничных приложений. Но автор этой статьи написал с помощью htmx простой список ToDo. После загрузки его страницы взаимодействие с сервером прекращается — всё остальное происходит локально на клиенте.

Как он это сделал? Выполнял серверный код в сервис-воркере. Сможете ли вы также? Конечно, мы вам даже инструкцию принесли:

https://habr.com/ru/companies/ruvds/articles/849854/

#htmx #javascript #html