I have been playing around with the feature in an SPA using TypeScript and native Promises, and I notice that even if I refactor a long-running function into an async function returning a promise, the UI is still unresponsive.
So my questions are:
How exactly does the new async/await feature help avoid blocking the UI in the browser? Are there any special extra steps one needs to take when using async/await to actually get a responsive UI?
Can someone create a fiddle to demonstrate the how async/await helps to make the UI responsive?
How does async/await relate to prior async features such as setTimeout and XmlHttpRequest?