HTMX kurz ✨ možno nepotrebuješ React ❗️

[@RobWebSK]

♥ PATREON patreon.com/yablko podpor ma 🎙 PODCAST kzbin.info/www/bejne/epzXnpR-jclnptU podcast 📚 MOJE KURZY skillmea.sk/lektor/roman-hraska 1500+ mojich videí 🍿 TWITCH twitch.com/yablko_ tu odpovedám na otázky 🎬 DRUHÝ KZbin kzbin.info humor

[@jzizka]

Zavadil jsem o tohle video nahodou a nelituju, super projev i vysvetleni

[@lukblaf]

parádna vecička

[@peterpancik]

zaujimave, urcite vyskusam

[@martyd420]

Pro mě bylo největší překvapení ANIMOVANÉ png :D

[@stefanhavlik6055]

Super video dakujem 🙂

[@RobWebSK]

00:00 01 HTMX ✨ Možno nepotrebuješ React 01:26 02 HTMX NIE JE ďalší JavaScript framework 05:04 03 HTMX JE rozšírenie jazyka HTML 10:42 04 HTMX A24form Python app (nemusíš vedieť Python) 14:18 05 HTMX Aktívne vyhľadávanie v databáze 18:22 06 HTMX Loading, Animácie, Ladenie 23:54 07 HTMX 🔥 Patrí React do koša?

A kde to akože bolo doteraz? Som z toho nadšený.

[@RobWebSK]

intercooler.js tu bol predtým, ale s tým carson gross až príliš predbehol dobu. potrebovalo to správny moment.

[@MrCC-hx8xr]

@@RobWebSK Předtím tu byl Alpine.js který je výrazně schopnější ;), tohle je jen taková hračka pro začátečniky a pro lehké úkoly možná. Brzo člověk narazí na limit. Takže radši Alpine.js a v případě nutné potřeby Vue.js

[@emilOnYoutube]

Ked som sa dopocul ze odisiel Vaso, tak prva myslienka bola, ze kedy vyda yablko nove video

[@TheHanzSladky]

Pokud si napíšu web pomocí vue projektu, a chtěl bych pak použít i něco z htmx v jsx jde to takto kombinovat nebo ne? Nebo se htmx dá použít čistě jen v html? Díky

[@p3lo]

uplne mi stacilo dojst do vety, ze htmx pouziva javascript. To tvori iba dalsi framework/library ktory sa tvari a snazi byt ako nieco coby mohlo byt (ale neni) a to sa snazia byt aj vsetky ostatne frameworky. V com je to ine od napriklad remix.run ktory dokaze bezat aj bez javascriptu?

[@RobWebSK]

v čom je to iné? napríkad v tom, že explicitne stanovený cieľ tvorcu HTMX je, aby HTMX zaniklo. on HTMX berie ako sériu konceptov, ktoré by v ideálnom prípade adoptoval oficiálny jazyk HTML, čím by sa z neho konečne stal plnohodnotný hypertext, resp hypermedia. prestať počúvať pri zistení, že htmx na pozadí používa javascript mne osobne príde v prvom rade ako puntičkárstvo, v druhom rade krátkozraké, v treťom rade ako missing the point:) samozrejme existuje milión ďalších rozdielov medzi remix a htmx, ale cieľ htmx je pridať 4 koncepty do oficiálneho jazyka html. tipujem, že remix mieri inde. podarí sa to? nikto nevie! ale páči sa mi tá myšlienka a budem ju propagovať a dúfať, že sa to stane. lebo ak sa to stane, uľahčí to aj tebe prácu s remixom. alebo čímkoľvek ďalším, s čím js svet medzitým príde.

[@thelaiq]

Urob prosim ten backend v Bun! Pocul som, ze to ma byt revolucne ale som trochu skepticky. A vela ludi o tom ani nevie takze video by bolo super 😁

[@jsonkody]

nevidim zadny realny prinos .. rozdil oproti node/deno bude minimalni, je to dalsi JS runtime a realny rozdil uvidis v trose syntaxe jako v kazdem JS frameworku - BUN je runtime ale k napsani backendu pouzijes vzdy nejakou knihovnu/framework at uz je soucasti sandardni knihovny nebo ne je to stale to same a je v podstate jedno jestli je to bun, node, nebo deno (kazdy z nich ma navic desitky az stovky tech frameworku .. staci si projet u kazdeho na strance HelloWorld aplikaci a uvidis o cem mluvim. Nejvetsi rozdil bude asi ve vecech kde se bun trochu lisi a to nema s backendem nic spolecneho, jde o instalaci zavislosti apod.

[@skriptkripton5001]

ahoj spravil by si kurz na Python ? :P

[@alexkonecny5626]

Yablko sa venuje frontendu nie backendu ale mozno neskor aj backend kurzy bude davat🤷‍♂️

[@Sharess]

imho priliz vysoko mas vytiahnuty low-end na mikrofone, strasne mi z tvojho hlasu duni subwoofer xD, inak good content!

[@RobWebSK]

jediná úprava zvuku, ktorú robím, je normalizácia hlasitosti 🤷‍♂

[@insightful_code]

Este nevidim kurz na Skillmea. Kedy ma byt ? :)

[@DusanGrega]

Ahoj Yablko, super video. Som v tomto novacik a chcem sa opytat ci by sa dal spravit aj eshop v htmx ? Drz sa

[@MrCC-hx8xr]

ok :) a co alpine?

[@romankoncek150]

V principe je to podobna paradigma ako react server components v novom next.js. Sice v next.js pises javascript, ale pri pouziti htmx tak ci tak musis robit nejaky backend ktory generuje html a to prida na komplexnosti cca rovnako ako keby si rovno pouzil next.js. S tym ze react je overeny aj na velkych projektoch a da sa tam lahko pridat interaktivita tam kde ju treba. Na htmx akurat netreba bundler a da sa pouzit s hocijakym backendom. To je asi tak vsetko, ziadna revolucia sa nekona. Kto velmi chcel, mohol doteraz pouzivat napr. aj ten hotwire.

[@fernefer1071]

nice

[@bortomar-dev3757]

Náramně se u toho bavím... 😅

[@myschored]

Mňam!

[@ever-d1m]

Ti ktorí chcete kurz phytonu dajte like

[@funkyfun3463]

asi som sa zamiloval (nie len do htmx)

[@weroro]

Trochu zaváňa s možným XSS Ošetruje to nejak automaticky vstup a výstup? Prípadne je tam možné vytvoriť a rozšíriť to o vlastné ošetrovanie (nejaký middleware/helper)?

[@megalordik]

To by mal robit server v prvom rade. Nikdy neverit klientovi

[@weroro]

@@megalordikJa viem, avšak ty bežne kontroluješ obsah napr. SVG súborov do ktorých vieš dať JS?

[@megalordik]

@@weroro tak napriklad ak svg pridava programator, je za neho zodpovedny programator aby skontroloval obsah - rovnako ako ked pridavas nejake third-party kniznice, tiez nesledujes cely kod a ze co sa robi na pozadi. Ak sa jedna o user uploaded svg, tak to musis samozrejme kontrolovat na servery, v pripade ze na frontende to svg chces davat priamo do html - pretoze sa da zobrazit aj cez alebo ine css, co je safe cesta (kde sa nevykonava javascript vlozeny do svg)

[@RobWebSK]

@@megalordik presne tak, server

[@Junk-Junky]

Som začiatočník a presne na toto som čakal lol. Rovno sa to idem aj učiť, doteraz ma odrádzal react etc.🤢

[@sh1dori366]

Spousta firem do teď používá React. Pokud nebudeš pracovat nezávisle, tak ten JS a React tě neminou. (Celý web development je chyba sama o sobě tho)

[@patress112ify]

Rip Vaso 😢

[@ondrejnyklicek519]

Vždyť je to normální JS 😂 stačí kouknout na dokumentaci.

[@stepskop8670]

Jedinou slabinu vidím v tom, že backend musí za každou cenu vracet HTML response...a eshop je asi hraniční místo to kde je výhodné HTMX použít. Asi si nedokážu představit něco komplexnějšího.

[@ranostaj-dev]

HTMX + Tailwind a odpada kopec zbytocnych veci