Hans Otto Wirtz

Software Engineer, CTO, Founder

React Done Tracker

2023
A library that makes it easy to track the async state of a React tree.
This is probably the most deceptively difficult library I have made. It simply allows you to be notified when your tree is done loading:
<TrackDone onDone={() => console.log("āœ…")}>
  <Image src="https://picsum.photos/200" />
</TrackDone>
However, getting this to work was very difficult, with progress in one area breaking another. Unmounting components, double rendering in development, handling of children, etc. led me down multiple rabbit holes. I had no choice but to set up a full automated test environment in order to get this to work.
This library is an essential part of what powers the , and I'm proud we could make it open source. I'd really like it to get some more attention, as I think it could be very useful for other projects.
šŸ”§ React