Hyperscript and HTMX - Creating an Interactive Book Form

[@silkogelman]

Custom HTMX Events, Tailwind form styling, Hyperscript: so many interesting topics packed in this tutorial! 🥳 Thank you BugBytes!

[@bugbytes3923]

Thank you Sil! Glad you enjoyed it.

[@seydinaoumarsamabaly1806]

Everytime I receive notification of a new video from your channel, I know immediately that I will learn something new or update my skills to high level. Thank you for everything. God bless you.

[@bugbytes3923]

Thank you my friend. Much appreciated! I'm glad you're learning new things and enjoying the videos!

[@theodoreivanov6257]

Any effort to bring together htmx/hyperscript and our favourite back-ends, be they in Python, Go or other, is worthy of big praise.

[@robhafemeister3100]

As always, another EXCELLENT video, makes my day when I receive a notification that you have a new video. Definitely my favorite channel.

[@bugbytes3923]

That means a lot man. Thanks so much! Glad you enjoyed this one.

[@khunjohn1054]

As usual, awesome content. I just started writing htmx and _hyperscript in production code. I picket _hyperscript over Alpine because the tight htmx integration. Your videos helped me get started.

[@bugbytes3923]

That's awesome, nice one! Thanks for that.

[@wiki-infodevelopment3369]

I am sure it will be good :) I'm watching

[@bugbytes3923]

Thank you very much!

[@esmondadjei]

Love the stack: HTMX, HyperScript, Tailwind and Django. Can build apps at turbo speed. Should be called the Turbo stack

[@arnaudpoutieu1331]

Great one as usual!!!

[@bugbytes3923]

Thanks a lot!

[@iRageKamikaze]

To avoid re-fetching all books with the `bookAdded` event could you instead return an out-of-band element in the form response with the new book element? I think you'd need to use a normal swap on form submit to add the element using `beforeEnd` to the book list and then use an `hx-select-oob` to swap in the hidden book form

[@aidoskanapyanov3095]

Amazing content! You've got one of the best tutorials on KZbin 👏

[@bugbytes3923]

Thanks a lot, that's amazing to hear! :)

[@umni_kot]

very high quality and great content. thank you very much don't stop!

[@bugbytes3923]

Thank you, I appreciate it!

[@DavidSoles]

Thank you for this amazing explanation.

[@bugbytes3923]

Hey, you’re welcome, glad you found it useful!

[@TravisPickle]

awesome tut. thanks for htmx and hyperscript + django

[@bugbytes3923]

Thanks! Glad you are enjoying the videos!

[@Bartburger02]

Thank you for this! Super helpful 👍

[@bugbytes3923]

You're welcome, glad it was useful!

[@truthdawn7773]

Grateful for your work.

[@bugbytes3923]

Many thanks!

[@franciscodelafruitas9424]

Excellente presentation! Really helpful thank you!

[@bugbytes3923]

Thank you, I'm glad it helped!

[@gustavvilaca]

Another great tutorial. Thanks man, we all appreciate you!

[@bugbytes3923]

Thanks a lot Gustavo, that's a nice comment!

[@repotranstech]

As usual much appreciated for top notch content.👍

[@bugbytes3923]

Thanks!!

[@raffritter6766]

👏

[@repotranstech]

Just a recommendation,use bootstrap in future for your styles such that it doesn't obstruct the main theme which is Django and Htmx.

[@bugbytes3923]

Thanks for that feedback. Some people love Tailwind, others have mentioned that they prefer the Django/backend stuff. I'll try and mix it up in future.

[@ayubkara1092]

Excellent content as always , i have a request please can you make a video about interactive forms like for example choosing an option from a drop down list can make another field on the form appear or disappear

[@bugbytes3923]

Thanks man, appreciate that. Yes, I'll do more form stuff with a variety of technologies (HTMX, Hyperscript, Alpine, django-formset) in the near future.

[@ayubkara1092]

@@bugbytes3923 looking forward to it

[@franciscodelafruitas9424]

Would love to see a unique number/ID automatically generated and added on each book added. As well as number of book copies, checkout books, books removed from the database when checked out. Of course books would have to be added back in if 'checkout' is cancelled. Would unicorn be better suited? Excellente content thanks!

[@repotranstech]

There is a package for that short uuid check it out,it's quite simple.

[@مقاطعمترجمة-ش8ث]

Please keep this framework as simple as it now, don't make it complicated and had tons of feature that no one will use,

[@NgazetungueMuheue]

Greatwork, i like this. can you please do add to cart with htmx + hyperscipt + alpine in future if possible

[@bugbytes3923]

Thank you. Yeah, a shopping cart type video with htmx + hyperscript is on the cards.

[@NgazetungueMuheue]

@@bugbytes3923 Thanks!!!! i have been waiting for it. I am looking forward.

[@GavinElie]

As usual your tutorial is very informative. Great job explaining some very interesting topics. I'm having an issue though getting the value from the trigger showMessage (return HttpResponse(status=204, headers={"HX-Trigger": json.dumps({"movieListChanged": None, "showMessage": f"{movie.title} updated.",})},)). The triggers works!! Any ideas getting the value of someMessage for a notification message using hyperscript?