Tweet épinglé
Here is the demo:
saphyra-examples.vercel.app/revalidation-l…
Took a while because I had to stabilize the new API "onFinish" (was sleeping in a branch for like a month).
Source code is bloated because of all the page settings are intermingled.
Good to know:
There is no built-in revalidation, Saphyra only gives a callback to run when a subtransition (async().promise) is done (onFinish API). You build revalidation logic on top
It's low-level by design, so others can build higher level APIs
Async effects in a React app would be fired by useEffects, which don't participate on transitions afaik, so you can't batch them like I did in this example.
Clicking multiple times on the same button won't dispatch them right away cause there is a before dispatch (beforeDispatch API) handling this conflict. There is multiple conflict solving resolution strategies that before dispacth can handle, check the Before Dispatch page.
In the console, I attached the store to the window, so you can check "revalidationList.history" while you interact with the page.
Expand the transitions devtools transitions, that will help understand what is happening. Don't forget to sort by name and filter by transition names.
Have fun.
English
