Hi! I'm trying to understand how to use coroutines...

# coroutines

[Osmium]

Hi! I'm trying to understand how to use coroutines in a non-coroutines JS frameworks without using GlobalScope a lot.
Today I tried to rewrite application using one GlobalScope and nested launch methods so coroutine hierarchy will be structured.
But. How to deal with callbacks?

fun main() {
    GlobalScope.launch {
        launch {
            root("main") { div("Hello KVision!") }
        }
        launch {
            root("extras") {
                button {...}.onClick {
                    [e-mail] {
                        ktorClient.get("/api/users/current") {...} // will not be called
                    }
                }
            }
        }
    }
}

Should I use GlobalScope in case of event listeners like onClick and so on?

[louiscad]

You can turn click listeners into suspending functions with suspendCancellableCoroutine. Name example: awaitOneClick()

[Osmium]

@louiscad Readed about suspendCancellableCoroutine. No, it's not the case. I solved it with next piece of code:

fun setup(parentScope: CoroutineScope) {
    val job = Job()
    val scope = CoroutineScope(job)
    button {}.onClick {
        scope.launch { job.complete() }
    }
    scope.launch { job.join() }
}

[Osmium]

But thank you for pointing me in that direction!

[louiscad]

@Osmium Here's an example on Android, I'm pretty sure you can replicate it on the web: https://github.com/LouisCAD/Splitties/blob/1936c6c7e445c048077d8b4b7bb1c13b99e0ca0[…]idMain/kotlin/splitties/views/coroutines/VisibilityAndClicks.kt

[Robert Jaros]

In KVision you can use onClickLaunch() extension function from kvision-event-flow module which is suspending and using internal KVision coroutine scope.