Upgrade to Pro — share decks privately, control downloads, hide ads and more …

HTMX: Back to Basic

HTMX: Back to Basic

Rizqy Hidayat

March 09, 2024
Tweet

More Decks by Rizqy Hidayat

Other Decks in Technology

Transcript

  1. Baparekraf Developer Day 2024 Hypermedia-Driven Application A Hypermedia-Driven Application is

    an application built on top of a hypermedia system that respects and utilizes the hypermedia functionality of that underlying system. — https://hypermedia.systems/introduction/
  2. Baparekraf Developer Day 2024 Tapi, Kenapa … • Hanya <a>

    & <form> yang bisa membuat HTTP request • Hanya event click & submit yang mentrigger request-nya • Hanya method GET & POST yang bisa digunakan • Hanya bisa mengganti keseluruhan UI pada sebuah halaman
  3. Baparekraf Developer Day 2024 Hypermedia-Driven, jika … • Sebagian besar

    UI berupa teks dan gambar • Sebagian besar fitur adalah CRUD • UI dipisah menjadi block-block dan perubahan terjadi pada masing-masing block • Membutuhkan deep-link • Ingin performa first-render yang bagus (tanpa perlu pusing SSR)
  4. Baparekraf Developer Day 2024 JavaScript-based Application, jika … • UI

    kompleks dan saling bergantung satu dengan lainnya • Aplikasi harus bisa digunakan secara offline • UI berubah sangat-sangat sering, misal game, peta, editor gambar
  5. Baparekraf Developer Day 2024 Takeaways: Bijak Memilih Tech-stack • Pelajari

    sejarah dan masalah apa yang coba diselesaikan oleh pembuatnya • Apa yang kita pelajari, belum tentu cocok dengan kondisi organisasi tempat kita bekerja • Selalu ada trade-off
  6. Baparekraf Developer Day 2024 Bacaan Lebih Lanjut • https://htmx.org/essays/when-to-use-hypermedia/ •

    https://hypermedia.systems/ • https://max.engineer/server-informed-ui • https://kieranpotts.com/rethinking-rest • https://boringtechnology.club/
  7. Baparekraf Developer Day 2024 - HTMX creator(s) We find hot

    new trends in the industry & then build the opposite of that