Coming from a SO Question. I didn’t find a solution there and the problem looks like a discussion more than like a one way solution, so this is because I’m moving the subject here.
Disclaimer: very ember newbie here so maybe what I’m asking is too basic but I don’t find any explanation for this in the web
I have a parent object Report which contains a collection of Chart objects.
When I load the URL
/api/reports/001/charts, the report 001 is requested to the API, then all the charts belonging to this report, then everything is rendered and … seconds latter the page is shown to the User.
What I’m trying is to offer a more progressive rendering:
- The report is loaded from the API
- The report is shown to the User with the chart elements with a loading spinner
- Every chart is requested to the API individually
- Every chart is show to the User individually
Steps 3 and 4 happen in parallel independent for each chart.
Something like this:
Of course I don’t want anyone to come to me with a full solution, I’m looking more for orientation or maybe some link to where I can find inspiration.