choose approach to handle error / loading state in angular

[nongrata081]

• What do you show in UI if there was an error while fetching data?

• What do you show in UI while data is being fetched? (loader with debounce 100ms)

• What do you show in UI if http request resolved successfully but the data (e.g. array of objects) is present but empty? Do you show smth like "No data available" ?

• How do you handle a case when user navigates through backend-paginated data set from one page to another - how do you prevent flashing of paginator (which is shown if data is present) and "No data available" (should be done in the same way as loader - should only be rendered with delay debounce: 100)? Study debounce delay implemented with rxjs timer and debounce as in ng-http-loader

• Error / Loading state angular

---

Study concept (s) of ghost elements / skeleton loading / shimmer components

• Great User Experiences with Ghost Elements
• Angular animated ghost elements
• angular-animated-ghost-elements-demo