Todo App in HTMX

In this video I create an awesome todo app with HTMX and PHP
GitHub: github.com/unconv/htmx-todo
Support: buymeacoffee.com/unconv
Consultations: www.buymeacoffee.com/unconv/e...
Memberships: www.buymeacoffee.com/unconv/m...
00:00 Include HTMX library
00:35 Adding todos to list
03:00 Creating a database
04:01 Save todos to database
05:42 Load todos from database
08:43 Add autoloader
09:38 Marking todos done
17:21 Marking todos undone
19:07 Task counter
22:43 Category list
24:34 Category todo counter
29:11 Error handling / flash messages
22:41 Resetting the form
38:20 Test everything
39:11 Filtering by category
48:37 PHP is stoopid
49:02 Filtering by category
50:04 Outro

[@wolfgangschmidt2503]

I like that you are intentionally making mistakes from time to time, that's a great way to get to know how htmx works.

[@unconv]

Yes, intentionally 🙄

[@vlmo]

This PHP code was so nostalgic!

[@versionoriginal]

Perfect HTMX introduction to PHP developers!! Thanks! 😉

[@voyager_ll]

Good length of the video and depth of the topic, thanks.

[@trentonwallace667]

I like how Fireship's thumbnails have become a meme

[@nathanstanfordsr]

I enjoyed your coding in PHP as well as HTMX

[@unconv]

Thanks! :)

[@VladimirMiroshnichenko64]

never write php code like this.....I beleive this is only for demo purposes

[@LeandroPocai]

good explanation of htmx!

[@liviubarburo]

Wow! This was perfect. Please do a video with a simple user registration/login in php, htmx and sqlite.

[@cuongphan8881]

You are so professional 🎉

[@unconv]

Thanks 😄

[@darkdragon5848]

I just got where the voice of old TTS engines has come

[@unconv]

It was me all along

[@darkdragon5848]

@@unconv yeah, you've got a nice voice, like to listen.

[@OlukayodeFadairofatherhero]

Thanks for this boss. Please do not forget the update you promised to do on the chatgpt library that will enable us change the maximum toke and temperature. Thanks

[@sanjayojha1]

HTMX is cool, but we have almost similar tool, for example Livewire from Laravel, Hotwire from rails, and LiveView from Phoenix.
Though HTMX is independent and can be used with any server side language.

[@unconv]

I'll have to check those out too, thanks

[@vikingthedude]

I heard that liveview is even better because it’s kinda like react’s automatic dom diffing, but at the server

[@CristianKirk]

I'm really loving HTMX, but things can get pretty messy like it happened to you by the end of the video. Oh well, it wouldn't be programming if it didn't get messy I suppose. Thanks for the tutorial.

[@televizor_9726]

NIce, now I understand why remixjs is much more convenient

[@unconv]

I guess I'll have to try it out then :)

[@arslanaziz3831]

loved your video, i must say HTMX looks promising, Im just wondering if we can go big using just HTMX and no other frontend framework

[@nestor-martinez]

Definitely read it as "everything" app.

[@DesignPro101]

I dont thing reactjs or nextjs can be replace by htmx because every one have good habit of js frameworks .
At this point can we really make fully single page app in htmx ??

[@TomislavMiletic]

👏👏👏

[@viruxer]

Underscores in a URL is a no no.
It's wrong to leave unneeded spaces on function parameters.
You should use for inline echos.
It doesn't make sense to have a brace block if you're only going to have one statement. It's just an unneeded line making the file bigger in view. The same goes for pdo placeholder parsing.
I don't even know why you would hash the category...

[@unconv]

What's wrong with underscores in URLs? Spaces between function parameters are used in WordPress coding standards, which I'm used to, like and therefore use. Shorthand inline echoes are also generally not preferred and neither are oneliner ifs. Not sure what you find wrong with my PDO placeholders. Maybe that they're on separate lines? That's clearer when doing git diffs and using parameter names instead of question marks is less error prone. The category hash is a hack since I was lazy to implement IDs for the categories. And I hash it because the category name by itself might contain spaces or special characters that are not allowed in CSS classes. Thanks for the comments :)

[@3relativesGroup]

Hi, It is an amazing htmx explanation.
Can you provide the source code link, please ?
Thank you!

[@unconv]

Thanks! GitHub link is now in the description :)

[@Woeden]

Curious tech

[@dexterliu1214]

I give up using HTMX after watch this video.

[@nykowow]

it's an amazing framework but they need to implement routing

[@OM-bs7of]

Dude, you need to work on your flow. You might not realize it but you're making excessive use of the word "so". Instead of saying "so" so much try pausing a little between sentences.

[@unconv]

I didn't realize it but now it's all I hear lol. Thanks