loading design spike

[Forfold]

• https://material.io/components/progress-indicators
• https://material.io/design/communication/launch-screen.html
• https://material.io/design/communication/empty-states.html
• https://material.io/design/motion/speed.html

Thoughts

• React Suspense to show progress indicator under top app bar. Wait until whole page loads to render anything.

• If using a progress indicator at the top, wait until the new page is loaded before going navigating to it. for github, nothing on the page changes until the new page loads (i.e. the url)

• When opening dialogs, do a 200ms wait before showing potential loading states. Load text before opening dialogs. Images and icons load in placeholder states.

[mastercactapus]

[mastercactapus]

Needs working session/SPIKE/POC to evaluate options

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity.

[Forfold]

Going to work on a POC for this using Suspense/Context/Lazy loading as needed- for main page loads. Going to leave smaller components out of scope