KZhead

HTMX заменит Frontend?! WTF?

Как пройти в IT?
2024 ж. 15 Мам.
109 467 Рет қаралды
Жүктеу

Самая обсуждаемая свежая новинка фронтенда HTMX!
С ней вы сможете создавать приложения БЕЗ условного реакта и даже без джаваскрипта!
0:00 Проблематика
01:45 БЕСПЛАТНЫЙ вход в комьюнити
02:35 Что такое HTMX?
03:25 Первый пример: свэппинг и запросы
05:55 Второй пример: пагинация
06:35 Третий пример: lazy-loading на кастомных событиях
07:23 Четвертый пример: Hyperscript
09:21 На что еще способен HTMX?
10:13 Плюсы HTMX
11:12 Минусы HTMX
******************
Вход в комьюнити (обязательно подписывайтесь):
t.me/howToLearnIT
******************
Документация:
htmx.org/examples/
Как переписали большое приложение с React на Джанго + HTMX
• DjangoCon 2022 | From ...
#html #js #css #react #frontend

Пікірлер

  • Вход в комьюнити (обязательно подписывайтесь): t.me/howToLearnIT ******************* 0:00 Проблематика 01:45 БЕСПЛАТНЫЙ вход в комьюнити 02:35 Что такое HTMX? 03:25 Первый пример: свэппинг и запросы 05:55 Второй пример: пагинация 06:35 Третий пример: lazy-loading на кастомных событиях 07:23 Четвертый пример: Hyperscript 09:21 На что еще способен HTMX? 10:13 Плюсы HTMX 11:12 Минусы HTMX ********************** Документация: htmx.org/examples/ Как переписали большое приложение с React на Джанго + HTMX kzhead.info/sun/ZquIks1xaqagjYE/bejne.html #html #js #css #react #frontend

    @it2138@it21388 ай бұрын

    • я фреимворк свой делал на php + js почти такой вариант), но немного другое там у меня.Просто мне надо кодить на js

      @mikaelgevorgyan4521@mikaelgevorgyan45218 ай бұрын

    • Привет html инъекции

      @user-izolbuj@user-izolbuj7 ай бұрын

  • "...Теперь для разработки фронта не нужен JS, только HTMX..." Шаг №1 - Подключаем JS библиотеку в head ...

    @tokarev_arr@tokarev_arr8 ай бұрын

    • Ага! Хрень полная. Берем Svelte, делаем все это в несколько строк и все летает.

      @angelsave@angelsave8 ай бұрын

    • + 👍 )))

      @Ilya-gv6kb@Ilya-gv6kb7 ай бұрын

    • Ноты же на js не пишешь.

      @serdar6318@serdar63187 ай бұрын

    • @@angelsaveпривет, а не могли бы вы порекомендовать какое-то видео с ютуба по основам Svelte, для мамкиных программистов? (знаю только основы фронтенда, ну там JS, CSS, совсем немного react. Ну и на ХТМЛ программую))

      @AlexM-uz1hg@AlexM-uz1hg7 ай бұрын

    • ​@@AlexM-uz1hgтуториал на оф сайте там есть просто все в виде задачек

      @ctsrazor@ctsrazor7 ай бұрын

  • Программисты HTML никак не сдаются и доказывают, что они существуют!

    @phat80@phat808 ай бұрын

    • И им для этого все равно нужно чтобы написали JS скрипт 😂

      @DevBer@DevBer8 ай бұрын

    • Какая разница если они все ровно пишут на js😂

      @Jdjdjdjdjjdr@Jdjdjdjdjjdr7 ай бұрын

    • @@Jdjdjdjdjjdr воувоу, палехчи!!! Это не ДжаваСкрипт, это ГиперСкрипт!!!

      @DevBer@DevBer7 ай бұрын

    • Использовали 2 года в проектах htmx, в этом году перешли на nuxt. Как бы мы не сопротивлялись но альтернативы js фреймворкам нет если нужны непозорные интерфейсы.

      @ctsrazor@ctsrazor7 ай бұрын

    • скоро htmlщики избавятся от этих цепей и будут писать исключительно на html. победа будет за ними они найдут способ обойти систему!@@DevBer

      @chelol208@chelol2087 ай бұрын

  • Требуется HTMX-программист с опытом от 3 лет

    @green.616@green.6168 ай бұрын

    • И знанием PHP

      @Easycore2000@Easycore20008 ай бұрын

    • @@Easycore2000 с опытом 200 лет

      @nojik-ejik@nojik-ejik7 ай бұрын

    • С высшим образованием по направлению "Прикладная информатика" в МФТИ.

      @user-cm1om1oo3p@user-cm1om1oo3p3 ай бұрын

  • Если это заменит фронт, то CSS способен заменить бек

    @DenisKlymenko@DenisKlymenko8 ай бұрын

  • Много фактических ошибок в первой части ролика. Например, первый сырой Laravel вышел только в 2011 году, а JQuery, который по словам автора появился позже, вышел напротив, ещё в 2006-м, когда пошла массовая мода на AJAX и манипуляцию DOM-элементами страницы. Сайты «полностью рендерились на сервере» только в конце девяностых - уже ВКонтакте был динамичным на JS, хотя запустился ещё в 2006, а про Gmail, GoogleMaps и Яндекс.Карты даже начинать не буду. Насчёт «в ту пору писали на PHP» - так на нём до сих пор работает добрая треть интернета, включая таких монстров, как Facebook, VK и Wikipedia 😅

    @Serg65535@Serg655357 ай бұрын

    • да такой бред в начале автор несет, я даже ролик не стал дальше смотреть

      @olegs7470@olegs74707 ай бұрын

    • @@archangel2560 это он позже к нему пришёл, изначально там была пыха. И вместо того чтобы переписать на что-то нормальное разрабы вк придумали такой костыль)

      @jcat_ru@jcat_ru7 ай бұрын

    • @@olegs7470 ага автор говорит про 2008, в футаже nodejs который появился в 2009 (ну это он явно не сам делал, а где-то готовый с инета взял. По стилю похоже на fireship)

      @jcat_ru@jcat_ru7 ай бұрын

    • ВК стал динамическим только в 08 году. Полноценно в 09 году.

      @I-love-GO-and-PHP@I-love-GO-and-PHP4 ай бұрын

  • Забавная технология, но не более. Жизнеспособным такой подход к написанию приложений сложнее hello world назвать язык не повернется

    @yakovbotov6145@yakovbotov61458 ай бұрын

    • Theo хорошо разобрал в своем видео про HTMX. По сути, фронтендерам иногда хочется немного зайти в бэкенд, но не слишком сильно. Из-за этого реакт и Next13 сейчас смещается в backend. HTMX, это наоборот, когда бекендеры хотят немного фронтэнда, но не хотят разбираться с js фреймворками.

      @akikadze@akikadze8 ай бұрын

    • Не совсем. Когда гуглил, заметил что очень много джагнгистов ее используют. По сути это неплохо заменяет часть функционала айфреимов (или просто нужен функционал SPA без использования тяжеловесных фреимворков), ну и получается что подходит для микрофронтэндов. Сам бы правда такое использовать бы не хотел

      @Ilja903@Ilja9038 ай бұрын

    • ЧСВ у разрабов хоть отбавляй

      @user-pl3fh4jd4r@user-pl3fh4jd4r8 ай бұрын

    • @@akikadze по рукам за такое. Только только ушли от каши php + html + css + js в одном файле, а тут эти горефронтендеры захотели вернуться к этому снова. Опыт кучи сайтов на php показывает, что такие возможности способствуют протеканию фронта в бек и наоборот. Не потому что яп плохой или что-то такое, а потому что люди склонны сами себе создавать тех. долг, когда надо побыстрее.

      @aquinary.@aquinary.8 ай бұрын

    • @@akikadze >но не хотят разбираться с js фреймворками и берут вундерфавлю с супер самобытным синтаксисом

      @jigaii@jigaii8 ай бұрын

  • Очередной убийца React, который помрет раньше чем выйдет в альфу :D

    @dalysdeveloper907@dalysdeveloper9078 ай бұрын

    • подождём-увидим... Всё равно нужен бандлер разметки. С этими атрибутами она станет очевидно больше. Так же минус в том, что хайперскрипт записывается в значения атрибутов и это фактически обёртка. *Совсем нечитабельно.* Лучше переделать... На пример, запускать это хайперЧучо из оддельных файлов или импортить из одного. Ссылку в атрибуте поставил - и норм.

      @nartoomeon9378@nartoomeon93788 ай бұрын

    • Ванга, ну что там, 4 месяца прошло с твоего сообщения, наверное помер до альфы , да?

      @I-love-GO-and-PHP@I-love-GO-and-PHP4 ай бұрын

    • @@I-love-GO-and-PHP 14к установок за неделю, очень серьезный результат для очень серьезной библиотеки в пике 67к установок С такими результатами подрастает второй Astro Который вроде есть, а вроде и никому не нужен

      @dalysdeveloper907@dalysdeveloper9074 ай бұрын

    • @@dalysdeveloper907 о есть 14к установок, а не 0, да?

      @I-love-GO-and-PHP@I-love-GO-and-PHP4 ай бұрын

    • Я точно так же говорил про react, но он собака выжил и пережил jquery/ ) А по сему не зарекайся. Думаю чем проще и гибче инструмент, тем больше у него возможностей.

      @soversus5374@soversus53743 ай бұрын

  • Я так понял челы, которые это изобрели, были в коме в то время, когда появился ajax

    @karengrigoryan909@karengrigoryan9098 ай бұрын

  • Сомневаюсь, что это приживётся, усложнение html-ки логикой обработки не понятно для чего, когда лучше разделить эти сущности и отдать это на обработку в js, который можно маштабировать и разделять на модули. Тут говорят, что это проще, но с виду это сильное усложнение, те кто хочет верстать лендинги и говносайтики без внутрненний или минимальной логикой, при том, что их устраивает, что в конце получится простыня кода, то удачи вам в коммерции, лучше сразу идите изучать NoCoding)

    @levapveeskela4327@levapveeskela43278 ай бұрын

    • расскажи это процветающему тайлвинду

      @i.am.dnebik@i.am.dnebik8 ай бұрын

    • также все реактеры с jsx :|

      @valer4ik_mx197@valer4ik_mx1978 ай бұрын

    • Чувачок пиарит "велосипед", только у которого цепь на переднее колесо выведена.

      @ViKTorulez@ViKTorulez8 ай бұрын

    • ты вообще о чём?) при чём тут очередной ui-kit к текущему контексту обсуждения? их как было 100500 так и будет становится всё больше и больше, не надо смешивать мёд, говно и пчёл

      @levapveeskela4327@levapveeskela43278 ай бұрын

    • ​@@ViKTorulezнет не цепь. А педали приделаны к переднему колесу. А сидушка на руле.

      @vantuz54@vantuz547 ай бұрын

  • Тот момент когда html стал языком программирования😂

    @sayatraykulov6225@sayatraykulov62258 ай бұрын

    • декларотивный ЯП, методы которого определены заранее и интепритуруются браузером вызов методов происходит путем написания тегов ведь html не "язык разметки", а вызов методов выполняющих операции на CPU, которые отрисовывают изображение.

      @user-si5xg4yo4s@user-si5xg4yo4s8 ай бұрын

    • @@user-si5xg4yo4sдегенерат, HTML - это язык разметки.

      @user-gn1of8uf1x@user-gn1of8uf1x8 ай бұрын

    • css же стал. И это вообще не шутка)

      @wersa45@wersa458 ай бұрын

    • Несите крест и колья - эту шнягу надо давить в зародыше!!!

      @vasilyh4588@vasilyh45887 ай бұрын

  • Удобно, что на страницах с примерами внизу показывается число запросов к серверу при каждом взаимодействии с интерактивными элементами - сразу видно, из каких мест оно будет дидосить сервер и как лучше не использовать HTMX.

    @JukOlen@JukOlen8 ай бұрын

  • дааа, давайте ещё к этому посмешищу добавим tailwind и получим километровые нечитаемые куски -дерьма- HTML, где чёрт ногу сломит 👍

    @antonmanin3521@antonmanin35218 ай бұрын

    • Как бы есть директива @apply для tailwind

      @M615243@M6152438 ай бұрын

    • @@M615243 как бы её лучше не использовать. в самой доке тайлвинда это написано.

      @nocenzura@nocenzura8 ай бұрын

    • А ну не гони на тэилвинд! Лучше бутстрап свой выкинь

      @crypto_has_you@crypto_has_you8 ай бұрын

    • Как раз таки в tailwind все читается отлично, либо ты дальше лендингов не уходил никуда. Я бы посмотрел, как ты серчишь css через поиск и замену, особенно, когда нужно изменить что-то одно и разобраться со специфичностью при том, что там миллиард строк

      @clown228@clown2288 ай бұрын

    • @@M615243 ну и смысл тогда?) не проще в селекторе css прописать, м?)

      @dreamshaded@dreamshaded8 ай бұрын

  • У меня болит голова от новых фреймворках каждую неделю

    @neverlanddeepinside7273@neverlanddeepinside72738 ай бұрын

    • секунду я бы сказал, сам уже собственный создаю)

      @mikaelgevorgyan4521@mikaelgevorgyan45218 ай бұрын

    • @@mikaelgevorgyan4521 создаешь еще один, которым никто не будет пользоваться

      @shittywizzard5727@shittywizzard57278 ай бұрын

    • @@mikaelgevorgyan4521создаешь? 🤡🤣 Фрейм пишут, программист мамкин

      @user-gn1of8uf1x@user-gn1of8uf1x8 ай бұрын

  • Для senior html программистов

    @stormbraker637@stormbraker6378 ай бұрын

  • Эх ностальгия нахлынула, я подобную библиотеку 10 лет назад написал, все идет по кругу.

    @user-dp6yt7yc9l@user-dp6yt7yc9l8 ай бұрын

    • Все верно, авторы кстати уже на второй круг пошли - добавив поддержку morphdom, alpine-morphdom и написал свой - чтобы была поддержка шаблонов)

      @ukrainetoday960@ukrainetoday9608 ай бұрын

    • Только сторы добавят и будет новая библиотека аля реакт

      @ukrainetoday960@ukrainetoday9608 ай бұрын

    • ​@@ukrainetoday960фашист

      @fex4380@fex43807 ай бұрын

    • @@fex4380 у тебя в зеркале

      @ukrainetoday960@ukrainetoday9607 ай бұрын

  • Вместо нормальной типизации - обычный текст на ХАЙПерСкрипт😅 Вместо всем известного хтмл и жс - учим новый хтмл и новый язык скриптов😊 Даже при полном не знании фронта я бы не рекомендовал бэкам трогать это даже самой длинной палкой)

    @user-hy7uu2yf9z@user-hy7uu2yf9z8 ай бұрын

    • По мне - похоже на ангуляр с вью, такая же хрень не читабельная 😂 Но обязательно затещщу на петпроджекте

      @DevBer@DevBer8 ай бұрын

    • ​@@DevBerвообще не похоже и близко. С каких пор они нечитабельными стали?

      @nikitadudchenko5010@nikitadudchenko50107 ай бұрын

    • @@nikitadudchenko5010 похоже похоже, никто не говорит что 1:1, но похоже )) А про нечитабельность даже не стану ввязываться в этот холивар, это имхо, ничего не поделать.

      @DevBer@DevBer7 ай бұрын

    • Трудно найти того, кто может в бэкэнд но не знает HTML и JS и мог бы обойтись без "подгружаем библиотечку" хоть в реализации простейшей формы, хоть в реализации тетриса квадратиками создаваемыми текстом внутри DIV. Можно найти такого, кто думает, что он может в бэкэнд.

      @user-hi5fy6wv5j@user-hi5fy6wv5j7 ай бұрын

    • Далеко не всем нужна "нормальная типизация", а разобраться в нескольких аттрибутах htmx куда проще, чем hello world на реакте сделать. В общем для небольших проектов, для всяких автоматизаций бизнес - процессов на Джанго -- это весьма и весьма годная вещь.

      @ioannp.5274@ioannp.52744 ай бұрын

  • Да-да, плавали, знаем. Сложнее примеров из видоса на этом говне ничего не написать, ибо проще научить слона играть в покер, чем на этом "убийце react" накодить хотя бы средних размеров фронт

    @herbnord5351@herbnord53518 ай бұрын

    • Подойдет для джанги и рельс. Именно там сейчас приживается.

      @Ilja903@Ilja9038 ай бұрын

  • Еее спасибо за новое видео! Заждались уже🔥🔥

    @funnyenglish4330@funnyenglish43308 ай бұрын

  • В 98м году всё так и работало, вот это супер технологи, я в восторге! Кажется разработчики в дореактные времена под стол пешком ходили и не помнят как мы все получали кусочки html и втыкали их куда-то в dom. Вы еще аякс за турботехнологию выдайте )) Ну и да, не до смеха когда я гиперскрипт вижу, это же читать невозможно, чем это лучше js-то? (я уже молчу что на js он и работает) 😂 😂 Разработчики молодцы, что пытаются придумать что-то новое конечно, но выглядит это всё катастрофически ужасно и написать что-то продуктовое на этом очевидно невозможно.

    @artemgoncharuk5174@artemgoncharuk51747 ай бұрын

    • Да че, автор походу не в курсе что ДжаваСкрипт изначально появился в 90х для интерактивности и вот тогда и летали снежинки и бабочки ) Это уже потом из него сделали что-то крутое. А мы просто вставляли js код в html... бякэнд ? Ну перл скрипт тебе на) И потом ворвался "ПХП")

      @discoboy8169@discoboy81697 ай бұрын

    • Полностью согласен читать невозможно если ты не бэк, так как им нравится именно vue 2, из за того что пропсом ты 1000 строк кода передаешь, ммм читабельность уровня 1 раз сделать, и работает, а потом новый человек зайдет, и подумает, а кто это писал что написано и еще за это плати, что он будет разбираться какую ахинею тут написали

      @MrTagary@MrTagary7 ай бұрын

    • Я вот новичок, без амбиций на серьезные проекты, передам вам свое видение. Кракозябры жса выглядят куда менее читабельными, даже для человека который их уже 10 лет боковым зрением видел. Да и чтобы хоть чето сваять, надо сначала изучить сложную систему этого языка. А на другой чаше весов какойто максимально простой и удобочитаемый запрос. Мои собратья будут неимоверно рады, что узнать, что смогут обойтись такими простыми инструментами для своих мелких проектов)

      @xjpfxei@xjpfxei7 ай бұрын

    • @@xjpfxei для мелких проектов существует ChatGPT.

      @Nandarion@Nandarion7 ай бұрын

    • @@xjpfxei Совершенно согласен, как тут правильно написали, по факту htmx может применяться в 95% веб проектов, там, где нет необходимости обрабатывать десятки тысяч запросов в секунду. Использование современных JS фреймворков много где выглядит избыточным и только затягивает и усложняет разработку. Реальность такова, что JS сейчас в принципе один из самых неконсистентных языков с тоннами легаси и костылей и если есть возможность избежать погружения во него - это же просто замечательно! Я занимаюсь поддержкой корпоративного портала который автоматизирует бизнес-процессы и есть стойкое ощущение, что htmx это то, что нужно, буду пробовать.

      @ioannp.5274@ioannp.52744 ай бұрын

  • Я правильно понял? в html юзеру при нажатии на кнопку отправляется новая страница, а в htmx та же страница пересобирается?

    @Mabter@Mabter7 ай бұрын

  • Ух ты, кто-то придумал еще один фреймворк для фронта! Никогда такого не было и вот опять.

    @AndreiVvedenskii@AndreiVvedenskii8 ай бұрын

  • Классное нововведение которое ещё в 2008 преподавали в виде создания формы и привязки параметра submit на button. Именно потому что кнопка выполняла клиент-сервер функции, её заменили тегом с рамкой в последующих этапах развития разметки. Абсолютно не понимаю кипиша по этому поводу.

    @Time2paw@Time2paw7 ай бұрын

  • Все работает ровно до тех пор пока тебе не становится нужным написать инпут с автодополнением, изменение стейта которого определяет появление других инпутов в сложной форме)

    @ukrainetoday960@ukrainetoday9608 ай бұрын

    • не стыдно на мове ахрессора?

      @anton6643@anton66437 ай бұрын

    • русский язык принадлежит украине а росии язык на самом деле фино-угорский. украли историю и пытались все это время обмануть что они русские. Настоящая Русь это Украина. @@anton6643

      @chelol208@chelol2087 ай бұрын

    • не понимаю, там же через таргеты можно реализовать. Заготовки делаешь и на них возвращаешь. ни кто не запрещает добавить js по вкусу.

      @gccode1076@gccode10767 ай бұрын

    • @@anton6643 а чего чуваку должно быть стыдно? тебе ж не стыдно с ним дышать одним воздухом, или уже из-за принципа готов удушиться? ))

      @castorboris7625@castorboris76257 ай бұрын

    • @@castorboris7625 ты в укропии не жил, тебе не понять.

      @anton6643@anton66437 ай бұрын

  • Для embedded типа openwrt пойднет?

    @MrPalianytsia@MrPalianytsia8 ай бұрын

  • Наконец-то русскоязычные айти-ютуберы дошли до HTMX

    @steglaset@steglaset8 ай бұрын

  • Интересно, как они гиперскрипт заимплементили. Полноценный АСТ строят и транслируют в жс, или как-то по другому, например, микровм для интерпретации на жс написали и на ней исполняют.

    @olezhonnv3215@olezhonnv32158 ай бұрын

  • мертворежденный. усложнение бэка за счет упрощения фронта: это даже для пет проектов не выглядит сексуальным. особенно в современном мире, где клиентом может быть любой тостер с рантаймом на несуществующем языке.

    @yabnku@yabnku8 ай бұрын

    • Да, самое интересное не показали, как бэк должен с этим говном возиться

      @r35p3ct00@r35p3ct002 ай бұрын

  • Это с одной к примеру кнопкой хорошо, а что если есть список товаров и кнопка добавить в корзину, это что, на каждую кнопку этри абуты циплять? Размер нтмл кода будет огромный в результате, на сложных сайтах.

    @dmitriyv5740@dmitriyv57407 ай бұрын

  • HTML и JS ссыпали в одну коробку и назвали это новой технологией... Вопрос зачем ? Какие проблемы она решает... кроме создания нового синтаксиса написания кода.

    @Black1991Star@Black1991Star8 ай бұрын

    • Ты как будто только узнал о зоопарке фронтенда😂

      @user-pl3fh4jd4r@user-pl3fh4jd4r8 ай бұрын

  • Из Ajax'са звонили, свою идею назад просили. Если нормально, концепт пока натянут немного, но если развивать в правильном направлении и с умом, то может что-то выйти

    @khasanshadiyarov@khasanshadiyarov7 ай бұрын

  • Как всегда круто)

    @user-df6oz7xj6r@user-df6oz7xj6r7 ай бұрын

  • Чем это отличается от AJAX запроса на сервер, который возвращает HTML, который мы подставляем в нужное место? Тупо проще писать, но зачем? Backend отдает данные, frontend их рисует как нужно. Всё

    @ecaribel@ecaribel7 ай бұрын

  • Спасибо ❤

    @asaKew@asaKew7 ай бұрын

  • Чем это отличается от vue cdn?

    @maxshdev@maxshdev8 ай бұрын

  • Всё на строках, нормальных переменных и т.п. нет. Получается переиспользование кода стремится к нулю, дублирование кода, да и поддерживать такое не очень удобно, а ну и ещё смешивание с атрибутами самого HTML, из-за чего всё становится более громоздким, когда хочется наоборот. Если всё это исправить, то получится фронтенд-фреймворк HTMX = React/Vue/Angular

    @AlexanderTikhomirov-co2nx@AlexanderTikhomirov-co2nx8 ай бұрын

    • можно использовать шаблонизатор

      @TheTexPro@TheTexPro2 ай бұрын

  • fetch и xmlhttprequest спокойно решают данную проблему, Сия чудо можно назвать просто фреймворком, но никак не новой технологией. Это, наверное, будет удобно, не спорю, но скорее всего, если будет интерес, просто добавят в спецификацию html

    @gameplaymerplay8107@gameplaymerplay81077 ай бұрын

  • Плюсы: быстро, всем управляет команда бэкендеров (сервер) Минусы: тонна строчных триггеров и идентификаторов (а главный ад как раз кроется в компонентах - где какой идентификатор компонента появится, будет ли перекрытие и т.д.)

    @termorey@termorey7 ай бұрын

  • Какой Laravel в 2008?

    @wob03omsan38@wob03omsan388 ай бұрын

  • Я не понял, если было в планах изучать React, то лучше вместо этого начать с того что в видео? Или всё же не заморачиваться и всё равно react изначально?

    @tarroma@tarroma7 ай бұрын

    • учи реакт. не забивай голову всякой фигней. то что на видео сгодится разве что для написания элементарной формы. тут один товарищ уже сказал "Сложнее примеров из видоса на этом говне ничего не написать", и я с ним согласен. Как только там добавится чуть более сложная логика, валидация ввода и всякое такое - сразу утонешь. А если еще учесть, что непонятно как это дебажить, то вообще выглядит как срань.

      @user-lc1ls6bw5q@user-lc1ls6bw5q7 ай бұрын

    • @@user-lc1ls6bw5q есть фирмы которые реакт в помойку выкидывают и переписывают на htmx. потому что реакт не вывозит, особенно на старом оборудовании. а htmx летает при тех же объемах. Вам следует глубже изучить вопрос. Тут скорее вопрос доберется ли ваш проект до таких объемах чтоб пришлось выкидывать реакт в помойку.

      @gccode1076@gccode10767 ай бұрын

    • @@user-lc1ls6bw5q Спасибо за ответ

      @tarroma@tarroma7 ай бұрын

    • Я вижу дохера приложений где реакт это как по мухе из пушки.

      @qburanp@qburanp2 ай бұрын

    • ​@@qburanp есть такое, но там проще наивный html+js юзать

      @mit7871@mit787125 күн бұрын

  • Подскажите не пойму где храниться код формы которая приходит по get-запросу(((

    @jenyaspace@jenyaspace3 ай бұрын

  • т. е. с бека ожидаются не данные а уже готовый html с данными?

    @serb1146@serb11468 ай бұрын

    • Да

      @4kaSOSiso@4kaSOSiso8 ай бұрын

    • Кусочек хтмл. Страница целиком приходила и раньше, до spa. P.S. справедливости ради стоит сказать что htmx вдохновлялся Turbolinks (ныне Hotwire Turbo)

      @qburanp@qburanp2 ай бұрын

  • Ну а, банально, состоянием приложения как управлять?

    @lfa_samec@lfa_samec7 ай бұрын

  • Прикольно но как в htmx работать с сервером

    @jenyaspace@jenyaspace8 ай бұрын

  • Привет, Друг 🤝 Впервые от тебя только это узнал 🔥👍👍👍

    @max_mgtow@max_mgtow8 ай бұрын

    • какой он друг после таких видео ...

      @dmitriikapustin3384@dmitriikapustin33848 ай бұрын

    • Можешь абсолютно без последствий забыть.

      @user-lc1ls6bw5q@user-lc1ls6bw5q7 ай бұрын

  • Дебажить это чудо будет сплошным удовольствием

    @andreisuvorkov2023@andreisuvorkov20238 ай бұрын

  • не буду использовать так как сервак спамиться мелкими запросами. Сейчас у меня штмл шаблоны хранятся в ява константах который вшивается из другого штмл файла заранее. Но как фреймворк довольно свежо.

    @user-jj5rt7dd9e@user-jj5rt7dd9e8 ай бұрын

  • Полезно знать, для общего развития) Но до использования чет мне кажется далеко

    @Ilya-gv6kb@Ilya-gv6kb7 ай бұрын

  • Звучит как неплохая штука, чтобы писать чисто админки и дашборды для внутренних инструментов

    @sarafarron7844@sarafarron78448 ай бұрын

  • а что насчет сео? я в нем не силен, но подозреваю, что это может повредить продвижению сайта?

    @xsunder5454@xsunder54548 ай бұрын

    • Точно так же, как и все современные JS-фреймворки :) Я когда в своё время впервые столкнулся с этими новомодными веяниями, не мог поверить что это всё взлетит именно по этой причине. Чтобы делать современные SPA с учётом SEO, нужно юзать SSR (добрый вечер, мы уже 20 лет так делаем), только ещё весь бекенд придётся перетаскивать на Node + подтягивать дополнительный фреймворк типа Next. Ненавижу современную веб-разработку.

      @Bruceylancer@Bruceylancer7 ай бұрын

    • ​@@Bruceylancer Или можно фронт в бэкэнд перетащить... как на пример в Blazor с интерактивным SSR - ну разве не мечта бэкэндера, запросы к базе из компонента пулять ))), причем поддерживается макрухой, в отличае от педиков из React, которые SSR дилигировали третесторонним парням у которых до сих пор все через пень колоду... или что то недоделано ))

      @somaticHuman@somaticHuman3 ай бұрын

  • А чем react или vue стал плох?

    @user-hu4vo6vi3o@user-hu4vo6vi3o7 ай бұрын

  • подключаем библиотеку на js @ теперь не нужен javascript....

    @MRooodddvvv@MRooodddvvv7 ай бұрын

  • ураааааа новая копна уязвимостей!

    @aarghm@aarghm7 ай бұрын

  • А я ещё пару недель назад увидел на англоютубе обзор на эту игрушку) выглядит интересно, но использовать никто не будет вероятно)

    @dlazder3937@dlazder39378 ай бұрын

    • Потому что выглядит как переусложнённое говно.

      @4kaSOSiso@4kaSOSiso8 ай бұрын

  • Так, это все хорошо, но как поиск будет обрабатывать страницу такую, если урла не меняется?) Теперь ждём 5 лет, когда они это внедрят?) Или есть вариант отдачи роботу страницы со всем везде прожатым ?)

    @skyslamp@skyslamp7 ай бұрын

    • Зачем глупый вопрос задавать, на офф сайте есть пример

      @I-love-GO-and-PHP@I-love-GO-and-PHP4 ай бұрын

  • Почему просто не перекласть больше простых задач на HTML, а сложные оставить JS-су?

    @apple9943@apple99438 ай бұрын

    • 1 неочевидность. 2 два источника правды не стоит смешивать подходы

      @i.am.dnebik@i.am.dnebik8 ай бұрын

  • Пробовал делать админку на нём. Довольно комфортная штука

    @zeOnni@zeOnni7 ай бұрын

  • Чел, я работая фронтом в 23-м году использую jQuery , и не потому что очень этого хочу, а потому что проект так сделан. Я нихрена не шарю в этом древнем г*вне, но приходится потому что оно используется на проекте. А вы тут про какой-то серверный рендеринг, какие-то реакты, динамика. Большим дядям все вот эти новомодные штучки вообще не нужны. Им нужно , условно говоря, старый проверенный временем и десятками проектов инструмент, который работает как часы. Под это подходит реакт, ангуляр и прочие гиганты, но никак ни вот этот "новаторский подход", ты скажешь такое шефу, он пальцем у виска покрутит и все ... С другой стороны, это тоже понять можно, ведь на кой хрен выдумывать что-то новое, если старое и так все работает. Тем более это новое не протестировано и , скорее всего, чтобы пересесть на него понадобится время, а время, как и в любом другом бизнесе - деньги. Очередная мертворожденная херня

    @vladislavkatz9774@vladislavkatz97748 ай бұрын

    • ты просто реакт-макака

      @bloodjopa@bloodjopa7 ай бұрын

  • Теперь осталось понять, чем это лучше пыхи ) и как декларативно описать логику страницы и возможно ли это 😂

    @denpol9956@denpol99567 ай бұрын

    • Это не лучше, это вообще к беку не относится, это просто библиотека js

      @mit7871@mit787125 күн бұрын

  • Использую для форм и фильтров . Если нужно что сложнее, то alpine. Если ещё сложнее и не нужно сео (админка например), то vue

    @savvushka.t@savvushka.t3 ай бұрын

  • Очень интересно, но не понятно, я же все могу это сделать в js, ты говоришь условно не нужен js, но по сути этот htxm и есть js.

    @valentinaivanova7035@valentinaivanova70358 ай бұрын

  • Не заменит эта технология фронтов) Для Верстальщиков будет крутая технология, но у фронтов есть Angular, React, Vue, смысл вообще камбекаться в html

    @user-gj9hs9ml7g@user-gj9hs9ml7g8 ай бұрын

    • Собака

      @Pieper64838@Pieper648388 ай бұрын

  • Плюс - низкий порог вхождения для фулл стека. Минус - что бы сделать красивый интерфейс с анимациями нужно знание js выше чем при внедрении js-фрейморков. Применимо только там где не нужен красивый ui

    @ctsrazor@ctsrazor7 ай бұрын

    • Фуллстек не будет использовать эту дичь. Потому что он уже фуллстек. И пойдет запилит админку на JQuery без каких либо сложностей.

      @user-lc1ls6bw5q@user-lc1ls6bw5q7 ай бұрын

    • нет тут фуллстека, это очередная реализация динамического html

      @lexxkrt@lexxkrt7 ай бұрын

    • @@user-lc1ls6bw5q JQuery? Он еще дышит?

      @TalkerTube@TalkerTube7 ай бұрын

    • @@TalkerTube а что с ним будет? Cdn есть, документация и комьюнити в наличии. Всё работает и пишется элементарно. Для выше описанных задач подходит.

      @user-lc1ls6bw5q@user-lc1ls6bw5q7 ай бұрын

  • Я вам больше скажу: на современном html5, css3 и es6+ легко можно писать точно такие же сложные интерактивные приложения, как на любом фреймворке, причём без единой библиотеки. Даже работать быстрее будет и меньше говнокода плодить. Только для этого нужно хорошо знать основы и паттерны проектирования.

    @Viplance@Viplance7 ай бұрын

    • Абсолютно, знаешь паттерны - пиши свой простой стэйт менеджер с реактивностью... Знаешь, я вообще давно жду революционное изменение в js, на подобии 2915 года, чтобы все эти бесчисленные фреймворк стали не нужны

      @galievramil1169@galievramil116910 күн бұрын

  • Все хорошо, только AJAX стрельнул ещё до jQuery в 2005. Последний появился в 2006. Так что асинхронные запросы к веб-серверу уже были. А снежинки и интерактивности ещё в 2000 ещё использовались - JavaScript, Java Applet. В какой-то момент стало моветоном пихать их на страницы, да и в то же время набирал популярность Flash, которому пытались впарить на замену Silverlight. Обобщая: всё новое - хорошо забытое старое. Со стартом в 2008 промашка вышла.. В 2008 появился HTML5... Почему HTML... почему HTML.. потому что HTML изначально только для разметки, а не для интерактива.

    @user-mx6qr3cw3z@user-mx6qr3cw3z7 ай бұрын

  • В Rails 7 такой подход. Turbo + Hotwire + Stimulus.

    @MrBackstabe@MrBackstabe7 ай бұрын

  • Вау, они изобрели еще одну обертку над fetch'ами, необычно, да

    @poma290399@poma2903997 ай бұрын

  • Для HTMX не нужен JS! нужно всего лишь подключить мааааааленькую JS библиотеку... т.е. JS всё же нужен, получается HTMX просто какая-то кастомная JS библиотека. В ролике же наваливают, как будто это сам HTML эволюционировал в новый формат HTMX! Моё мнение - HTMX выглядит как говно и пользоваться им будут энтузиасты, которые просто хотят пощекотать нервы.

    @hjetwd@hjetwd8 ай бұрын

    • ) любишь страдать на реакте? Я сам свой фреимворк создаю, там почти есть с ходтсво с этим что он показал).Просто в моём там валидацию обычных полей контралирует автоматически и кодить даже не надо).

      @mikaelgevorgyan4521@mikaelgevorgyan45218 ай бұрын

    • @@mikaelgevorgyan4521, это конечно хорошо, но с этим фреймворком никто кроме вас работать не будет. Если ваш проект уйдет на стороннюю поддержку, то едва ли кто-то захочет к этому прикасаться. Велосипеды без комьюнити они такие

      @infantfrontender6131@infantfrontender61318 ай бұрын

    • HTML это стандарт и они кардинально не изменится. Тоже самое было с JSX и люди носились как полоумные крича что HTML и JS хана. А потом выросло поколение разработчиков, которые удивлялись почему это JSX (без транспиляции) в вебе не работает.

      @infantfrontender6131@infantfrontender61318 ай бұрын

    • а может будут работать)@@infantfrontender6131

      @mikaelgevorgyan4521@mikaelgevorgyan45218 ай бұрын

    • А че там страдать? Делашеь UIkit под проект или в тупую дублируешь код. Да и все изменения выполняются за минимальное время, которое проц позволит, а не отправляешь запрос, ждешь пока сервер одумается, потом отправит это обратно, и только потом уже ререндер делаешь. Реакт это класс@@mikaelgevorgyan4521

      @matriarch__402@matriarch__4027 ай бұрын

  • 4:45 мм, хочу найти бекендера который на серьезных щах будет слать верстку на клиент

    @awenn2015@awenn20158 ай бұрын

  • Для backend'еров будет нормально, простые админки делать по быстрому

    @dubium1256@dubium12568 ай бұрын

    • а зачем им админки делать, если им бэк писать надо? Для тестов постман как минимум, админка уже лишнее траты времени, да фронт это уже

      @matriarch__402@matriarch__4027 ай бұрын

  • Вот, не хотел ты по ссылке кликать, но случайно провел над ней курсор, бац, и ссылка сработала. Оно, конечно, и раньше можно было так сделать, но теперь и знать не будешь, где подвох.

    @Anisimov_Yu_M@Anisimov_Yu_M7 ай бұрын

  • Идея не плохая! Только отстала минимум на 10 лет😂 Насчёт того что идея не плохая я кстати не пошутил. Когда работал в одном из проектов в котором был JQuery сам лично реализовывал подобную штуку, сильно ускоряло разработку интерактива. Я её тогда свою библиотечку назвал ajaxhelper.

    @user-zr2rz3lx5t@user-zr2rz3lx5t7 ай бұрын

    • В 2008, примерно, я сделал сайт полностью на аяксе. И фапал на это, что все интерактивно и страницы листаешь без обновления, перезагрузки страницы и адрес не меняется😂😂😂 Тогда в сео ваще незнал😂 И тогда тоже свою библиотеку пилил. Сео-шники мне как один доказывали, что я не совсем умный. А оказывается я просто время опередил на 15 лет и меня не поняли😂😂😂

      @vantuz54@vantuz547 ай бұрын

    • @@vantuz54 Я такую штуку делал + шаблоны для рендеринга html на сервере

      @user-izolbuj@user-izolbuj7 ай бұрын

  • Привет из 2020 от hotwire и turbo мира Ruby On Rails, сам подход ок, при проектировании большого количества достаточно простых интерфейсов - админок и около них позволит избавиться от большого количества реактовского бойлерплейта при управлении состоянием, а так же добавить удобной интерактивности

    @xdef42@xdef428 ай бұрын

    • HTMX это Hotwire для зумеров)

      @GraxS@GraxS8 ай бұрын

  • Super)

    @user-cs5cr6mc2g@user-cs5cr6mc2g7 ай бұрын

  • А шо с анимациями?

    @25x8.@25x8.7 ай бұрын

  • HyperCss не завезли ?

    @serhiididenko@serhiididenko8 ай бұрын

    • ждём!!!!

      @rvsxcovandrey2836@rvsxcovandrey28368 ай бұрын

  • Что то типа livewire в Laravel. Проблема в том, что за каждой маленькой хренью надо будет посылать целый запрос и обрабатывать его.

    @AlexSorkin1980@AlexSorkin19807 ай бұрын

    • Все это с рельсов взято

      @qburanp@qburanp2 ай бұрын

  • Так сам же говоришь, полноценного приложения не напишешь, придётся подключать JS и фреймворки. Усложняют простой язык, когда есть уже рабочие инструменты, которые работают лучше и проверены временем. Тут нужны прямо серьёзные или качественные улучшения, чтобы отказаться от уже используемых. Бэкендерам и так и так приходится учить основы фронтэнда, может всё же в штате иметь одного сотрудника фронтэнд-разработчика?

    @magicrime3253@magicrime32537 ай бұрын

    • Бекендерам не знакомым ПОЛНОЦЕННО с фронтом, вообще делать за компьютером нечего.

      @I-love-GO-and-PHP@I-love-GO-and-PHP4 ай бұрын

  • "Эйч икс СвЭп" -- так в видео. Посмотрите, пожалуйста, в словарь, как правильно это произносится! "submit" -- а ударение на какую букву здесь должно быть?

    @lavcoder@lavcoder3 ай бұрын

  • Я люблю использовать htmx, но сталкнулся с проблемой - при загрузке части страницы с помощью htmx, где содержится swiper, он перестает работать, но если загрузить всю страницу, то все работает нормально. может кто-нибудь подскажет, как решить проблему?

    @Eugtrader@Eugtrader2 ай бұрын

    • Инит должен происходить после загрузки.

      @web-dev-pro@web-dev-pro8 күн бұрын

  • Ну прям Compose!

    @rio5121@rio51217 ай бұрын

  • где роутинг, Билли? решается бекендом?

    @MrShevrin@MrShevrin8 ай бұрын

  • о, я такой же велосипед лет 10 назад писал )

    @kermolin@kermolin7 ай бұрын

  • О, велосипед придумали! Молодцы!

    @alexandr9313@alexandr93137 ай бұрын

  • в 2008 уже был жиквери и верстальщики так и назывались - фронтенд разработчики, по крайней мере на западном рынке.

    @alexandermalyshev3402@alexandermalyshev34028 ай бұрын

    • Ну смари, фронд это перед. А перед это то что видно, получается вся страница это фронт. А раз вся страница фронт, значит хмтл писарь это фронтендер

      @matriarch__402@matriarch__4027 ай бұрын

    • @@matriarch__402 ну вообще да. Я в западных вакансиях вообще никогда не встречал такой позиции, как верстальщик! Это чисто наше разделение, как мне кажется. Иногда попадаются позиции типа UI-developer, но по описанию это тот же фронтенд

      @alexandermalyshev3402@alexandermalyshev34027 ай бұрын

  • Старый добрый ajax тоже может притащить с сервера отрендеренный кусок html. Alpine JS без проблем обогащает код своими атрибутами. В чём прорывность данной технологии? Почему её все пиарят?

    @user-fg9ps9tk6i@user-fg9ps9tk6i2 ай бұрын

  • на каждый чих слать реквест, спасибо, не нужно))

    @silentium_noxe@silentium_noxe8 ай бұрын

    • Лол, а в реактк прям не так

      @qburanp@qburanp2 ай бұрын

  • чем это лучше livewire?

    @lexxkrt@lexxkrt7 ай бұрын

  • Штука интересная, но скорее всего приживется в набросках макетов или в конструкторах сайтов

    @fumitox87@fumitox878 ай бұрын

  • Оно эволюционирует, но назад

    @letota5226@letota52267 ай бұрын

  • hyperscript... посмеялся спасибо =)

    @durko_o@durko_o8 ай бұрын

  • Как раз для моего сайта по температуре воды в Ыссык-куле

    @Developerchik@Developerchik3 ай бұрын

  • Табы можно и на чистом html и css написать🙂

    @hermes09@hermes098 ай бұрын

    • Только тссс - об этом сейчас мало кто догадывается) Как показывает практика, бэкэндщики вообще не особо понимают что там происходит в браузере, а для фронтэндщиков "какой-то там си-эс-эс" это "фе, снова покрасить кнопочку в красный цвет и увеличить шрифт". В результате табы на проектах это или импорт внешней библиотеки, или простыня кода в JS.

      @uszakow@uszakow8 ай бұрын

    • Старье

      @user-gn1of8uf1x@user-gn1of8uf1x8 ай бұрын

    • Простые табы да. Возможно в видео идет речь о табах, где дом строится динамически, потому что вываливать весь дом табов одномоментно и стилизовать его css не выгодно по ресурсам.

      @user-os5uk5nc4z@user-os5uk5nc4z8 ай бұрын

    • @@user-os5uk5nc4z если бы речь шла именно, то автор бы упомянул, но он о говорил в самом простом их проявлении, так, будто это нечто ранее недостижимое. Конечно динамическую загрузку на html не написать, но лучшенаписать полторы строки на js, чем поносить свою вёрстку, надеюсь в этом вы со мной согласны

      @hermes09@hermes098 ай бұрын

  • Что значит "вы просто подключаете библиотеку"? Откуда эта библиотека? Что будет если место откуда библиотека накроется (заблокируется для вашей страны)? Будет ли эта библиотека работать под браузером Internet Explorer 3.0 под Windows 95 (или через 5 лет под тем браузером что у вас сейчас) или просто упадёт с сообщением "обновите браузер"? Библиотека точно не сливает данные куда-то кроме вашего сервера?

    @user-hi5fy6wv5j@user-hi5fy6wv5j7 ай бұрын

    • Ну скачай ее себе на комп, в чем проблема? Cdn подключение сейчас есть у всех.

      @qburanp@qburanp2 ай бұрын

    • @@qburanp, смешно. Если вы скачаете к себе на комп некий код, то конечно же в нём исчезнут eval() подгруженного с левого сайта кода или другие подобные "забавы". Аргументацию вида: "да кому ты нужен" и "да кому твой сайт нужен" я тоже не приму, хотя бы потому, что в мои планы не входит делать никому не нужные сайты и проживать жизнь так, что я никому не нужен.

      @user-hi5fy6wv5j@user-hi5fy6wv5j2 ай бұрын

    • Это относится к любому стороннему коду, подключаемому к проекту

      @mit7871@mit787125 күн бұрын

  • 3:10 каво? Нынче легче найти сайт, в котором бэкенд просто жсончик отправляет, а клиент в соответствии с ним уже имеющуюся страницу перерендеривает, нежели сайт, в котором "бэкенд отправляет новую страницу"

    @Kamikitte@Kamikitte8 ай бұрын

  • Ребят укажи размер библиотеки которая подключается если она больше дальше можно ролик не смотреть потому что пользователь с 2gb оперативки на телефон испытает боль во время серфа. Html сейчас действительно очень гибкий можно придумывать свои теги и свои отребебуты в нем советаю все таки изучить такие вещи как dom и fitch в js тогда проблем с память не будет и библиотеки не будут вести по 100кб а будут весить несколько байт

    @lesaone@lesaone7 ай бұрын

    • Да, напиши библиотеку размером в несколько байт. Клоун.

      @I-love-GO-and-PHP@I-love-GO-and-PHP4 ай бұрын

  • Хм, ну то есть вместо JavaScript и JSX получаем HyperScript и HTMX, а те вещи, которые обеспечивает фронтэнд-фреймворк, либо не имеем вовсе, либо пишем самостоятельно. Не вполне понял, в чём тут улучшение.

    @user-yg8hn4it3c@user-yg8hn4it3c8 ай бұрын

    • Если надо быстро накидать админку или маленький проект. Без танцов с бубнами и минимальным размером бандла самое оно. Для бэкендеров ваще кайф. Не надо ничего учить

      @Pillow12442@Pillow124428 ай бұрын

    • @@Pillow12442ну как не надо? А эти самые атрибуты HTMX и этот самый HyperScript?

      @user-yg8hn4it3c@user-yg8hn4it3c8 ай бұрын

    • @@Pillow12442 почему не надо? )))

      @maxshdev@maxshdev8 ай бұрын

    • @@Pillow12442 1. надо учить директивы и новый гиперскрипт )) 2. что потом делать, когда проект расти начнет ? 3. сама парадигма не прививает модульных практик разработки фронта. 4. Все будет размазано черти где. Тогда уж лучше взять Свелту которая и все лучшие практики имеет и весит как воробушек

      @dmitriikapustin3384@dmitriikapustin33848 ай бұрын

    • @@Pillow12442 а что бекендеры с детства знают HTML, новые классы HTMX и hyperscript?

      @dipl232@dipl2328 ай бұрын

  • Livewire нет ?)

    @rasel757@rasel7573 ай бұрын

  • 5:48 Автор, я пишу на C#, не поверишь, там тоже не нужен JS и React. Правда с интерактивностью тоже самое что и у HTMX.

    @dmitriyvlasov645@dmitriyvlasov6457 ай бұрын

    • Blazor 👍

      @somaticHuman@somaticHuman3 ай бұрын

    • @@somaticHuman Мне больше нравится MVC чем blazor. А есть еще WebAssembly.

      @dmitriyvlasov645@dmitriyvlasov6453 ай бұрын

  • "Laravel's first beta release was made available on June 9, 2011, followed by the Laravel 1 release later in the same month."

    @yuraser77@yuraser777 ай бұрын
KZhead