Handling concurrent mutations

So far, we have created expense creation and edit forms. Both forms are standalone on their respective pages. This section will teach you how to manage multiple form submissions simultaneously. Let’s start by adding a deletion form to every item in the expense overview list.

Adding a form to a list

The goal of this section is to add a deletion form to every list item in the expense overview list. Clicking the item should delete the associated expense. Let’s get started:

1. If you haven't already, follow the instructions in the README.md file of this chapter on GitHub: https://github.com/PacktPublishing/Full-Stack-Web-Development-with-Remix/blob/main/06-enhancing-the-user-experience/bee-rich/README.md.

   The README.md file includes instructions for how to update the ListLinkItem component for this chapter.

2. Next, open the dashboard.expenses.$id.tsx route module.
3. Add a deleteExpense function to the route module:

   async function...