Some components take significant time or resources to load, especially due to our method of loading reactive data. Using async components and Suspenses, we can show a loading state while the full component loads, with the benefit of the page not being frozen during load. You can see the freezing easily on the Dashboad.
Because our method of requesting data isn't a regular fetch request and therefore not a simple promise, we would need some interesting solution. It would have to:
Provide some method of determining when a component was "loaded", using the data in the store. Perhaps a function that can be called when data is updated, or some object with record IDs and data to check.
Some way of holding a promise that can be checked and resolved later. The held promises system on the images server may be some inspiration.
Some components take significant time or resources to load, especially due to our method of loading reactive data. Using async components and Suspenses, we can show a loading state while the full component loads, with the benefit of the page not being frozen during load. You can see the freezing easily on the Dashboad.
Because our method of requesting data isn't a regular fetch request and therefore not a simple promise, we would need some interesting solution. It would have to: