Responsive Todo-List Using HTML, Bootstrap, SCSS, and JavaScript

Solution retrospective
In my Todo-List application, I'm implementing a 'Drag and Drop' feature. Currently, I'm storing each task's index as a dataset in the list elements. After a drag-and-drop action, I need to re-render the entire list to update the dataset indexes correctly, as failing to do so leads to an incorrect order. I’m looking for suggestions on how to optimize this process or alternatives that would allow me to avoid re-rendering the entire list.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Kunal Vijayshree Choudhary's solution.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord