React Hooks v16.8

[Skolotsky]

Wrappers for react hooks and way to create functional component like this

val renderCount = functionalComponent<RProps> {
    val (count, setCount) = useState(0)
    useEffect {
        console.log("useEffect $count")
    }
    +"count $count"
    button {
        attrs {
            onClickFunction = {
                setCount(count + 1)
            }
        }
    }
}

fun RBuilder.renderCount() {
    child(renderCount)
}

[ezhaka]

Can we use initialAction: A = definedExternally and avoid duplicating the function?

[Skolotsky]

I don't sure that it's equal in converted js. And this "optimisation" is unnecessary.

[Hypnosphi]

Hooks should only be defined inside a functional component body, so it's better to define them as extension functions on RBuilder or even define

@DslMarker
annotation class Hooks

@Hooks
open class RFunctionalBuilder: RBuilder() {
   fun useState(...)
   ...
}

[Hypnosphi]

Does it replace rFunction?
https://github.com/JetBrains/kotlin-wrappers/blob/master/kotlin-react/src/main/kotlin/react/ReactComponent.kt#L78-L85