

-
To see the whole series or articles, you can check dev.to/rodbv. The repository of the code so far is at github.com/rodbv/todo-mx.
-
CodeRabbit
CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
-
iconify
Universal icon framework. One syntax for FontAwesome, Material Design Icons, DashIcons, Feather Icons, EmojiOne, Noto Emoji and many other open source icon sets (over 150 icon sets and 200k icons). SVG framework, React, Vue and Svelte components!
The last thing we want to do is to make the buttons nicer-looking. I've decided to use Iconify, an open-source, free alternative; specifically, their "Ming Cute - Line" set.
-
As usual, there are a few possibilities here; one is to render both the with the title, and a form with for each row, and use plain Javascript (or AlpineJS) to toggle edit mode.