Question: change array from atom while looping through it (expecting to process new array)

[artem-tarasenko]

Hey folks, this might be a bit too specific question, but I just get a feeling that Recoil might help me in solving a problem. I will try express it with a classy Todo app.

So, as Todo usually works, it should have the following:

1. the app should have a state for todos, presumably atom with data like Array{ title: string, isDone: boolean }
2. UI to show a list of Todos, where each one is clickable of have some buttons.

Lets extend that a little bit:

1. The app should have a button "sync" or "process" or whatever, basically meant to run an async loop to process all Todos somehow, for illustration lets say saving Todos to the server (give it 1500-2000 ms for each todo), one by one (that's the must)
2. Why one by one? To show the process with icons next to each Todo (spinner at least)
3. The process of syncing should not block UI, in other words, User should be able to remove unprocessed Todo while syncing is running, which means deleted todo should not be posted to the server.

What I have for now is now quite working, whenever I pass an array (from atom state) to utility fn that has for await of loop it process it fully, obviously not getting new array if user deleted 1 item, as a result, whole array passed to a fn is processed including deleted todo. I also tried creating utility with recursion instead of the loop but no luck there as well.

I checked the course by Jacques Blom, great content but unfortunately it doesn't cover all hooks and util from Recoil. So, I'm somewhat in the loss of a direction on where should I look to get that working.

My last unchecked thought was to use TodosState=AtomFamily({}) and TodosSyncState=SelectorFamily({}), but event before testing I'm expecting some problems:

• how I would control SelectorFamily from firing async fn when I need and not when atom is set
• I need the async fn to process an array one by one, not all at once ()

I would appreciate any tips and ideas of how to approach such case, thanks.