Hello, I like very much the late refactor of `kotl...

# react

[andylamax]

Hello, I like very much the late refactor of kotlin-react. A lot of things are now very consistent.

Follow question though. I see that we have

interface RBuilder {
    // . . . 
    fun <P : Props> child(
        klazz: KClass<out Component<P, *>>,
        handler: RHandler<P>,
    )
    // . . .
}

Question is, why don't we have

interface RBuilder {
    // . . . 
    fun <P : Props> child(
        klazz: KClass<out Component<P, *>>,
        props: P,
        handler: RHandler<P>,
    )
    // . . .
}

So that I may

child(Hellow::class,jsObject{
  param1 = 1
  param2 = 2
  param3 = "three"
  // . . . 
})

instead of

child(Hellow::class) {
 attrs {
  param1 = 1
  param2 = 2
  param3 = "three"    
 }
}

[turansky]

Common goals:
• Hide child methods, invoke preferred
• Remove class component specific methods (as non-flexible)
cc @Sergei Grishchenko

[turansky]

Do you have custom class components?

[andylamax]

1. rereeding my misleading post again. There is a big error. I meant to say, a lot of things are consistent now.
2. Yes, I do have custom class components

[turansky]

Main accent - function components
Wanted main signature:

Hellow {
  param1 = 1
  param2 = 2
  param3 = "three" 
}

without attrs block, without RBuilder 🙂

Already works in draft

[turansky]

KClass - blocker for effective/minimalistic API

[andylamax]

Thank you so much for your hard work.

This low key tells me that, we should switch from classes to functional components, and i think its about time

[andylamax]

When can I test that draft for functional components? or is it already publishable?

[turansky]

Function components are more usefull right now:
• OOB DSL
• Multiple contexts
• Hooks
• Ready (not draft)
Example

[andylamax]

thank you so much for this sample victor

[turansky]

I also use delegates for automatic name

[andylamax]

as in

val Profile by fc<Props> { . . . }

[andylamax]

like that?

[turansky]

Yes

[andylamax]

Hi victor, I am failing to use delegates for automatic naming of functional components, what imports do I have to use? sample?

[turansky]

I use custom delegates for different cases
Right now common effective realizations locked by this issue

[turansky]

With attrs

1.kt

[turansky]

And without attrs

2.kt

[turansky]

With last delegate you can write:

ActionButton {
    label = "OK"
    onClick = props.onNext
}

Future main syntax 🙂

[andylamax]

That looks smooooth

[andylamax]

especially the last one

[andylamax]

When is this coming in kotlin-react?

[turansky]

No strict deadlines

[andylamax]

haha, I see what you did there . . . 😄