Asynchronous load

[zuinqstudio]

First off, congratulations for the great work! 🎉

For large screens with several html texts, it may take some time to build the whole build and thus, navigating to it. It'd be great to somehow be able to async parse / load the component if that's even possible.

[jcovin293]

What do you mean by "async parse"? Would you like the webpage to dynamically load (e.g. load the top and then through the bottom, kind of like how a ChatGPT response looks)?

[bstillitano]

@jcovin293 I believe what's being asked here is to make the initial render of the HTML content asynchronous. Currently, even a simple HTML string like <h1>Some String</h1><p>Some other string</p> locks up the main thread for about half a second, before navigating to the page. You can test it here:

List {
    NavigationLink {
        RichText(html: "<h1>Instructions</h1><p>Instructions go here.</p>")
    } label: {
        Label("SETTINGS_INSTRUCTIONS_ROW_LABEL", systemImage: "questionmark.circle")
    }
}

You'll notice that it takes a little bit of time to actually push to the view, because the main thread is being consumed by rendering the HTML.