Ok finally my app is running again. One question: is it possible to get my FC's to not show up as an...

# react

[iari]

Ok finally my app is running again.
One question: is it possible to get my FC's to not show up as anonymous in react dev tools?

[turansky]

Yes, it's possible

[turansky]

Do you want automatic solution?

[iari]

manual would be ok, automatic would be better ^^

[turansky]

operator fun <P: Props> FC<P>.getValue(
    thisRef: Nothing?,
    property: KProperty<*>,
): FC<P> {
    displayName = property.name
    return this
}

Usage:

val App by FC<Props> { ... }

[Paul SOUTEYRAT]

I was wondering, is there any reason this function is not included in kotlin wrappers ? @turansky

[turansky]

Because:
1. It will produce additional runtime (one time KProperty)
2. It can be solved via compiler plugin for IR (in future)

[Paul SOUTEYRAT]

Thanks, that's what I was suspected (for 1). I will therefore wait for the IR plugin.

[turansky]

For right now plugin - just idea

[turansky]

I use delegates in my projects

[Paul SOUTEYRAT]

Ok good to know. Would the IR plugin propably remove the additional runtime produced by the delegates ? Or just remove the need for delegates to set the component name ?

[turansky]

I don’t see delegates in final solution

[turansky]

@Paul SOUTEYRAT Looks like “fake delegate” can be effective solution right now - check required

[Paul SOUTEYRAT]

By "fake delegate", do you mean delegates with no additional runtime ?

[turansky]

Yes

[turansky]

Deleagate, which will not produce KProperty

[Paul SOUTEYRAT]

Ok, is it actually supported (may be through the optimizations of the compiler) ?

[turansky]

Magic plugin can do this job

[turansky]

In any case - check required
It’s just theory right now

[Paul SOUTEYRAT]

Ok thanks for the info

[turansky]

Do you have custom FC factories?

[Paul SOUTEYRAT]

No, I use the one provided by kotlin-wrappers.

[turansky]

What about VFC?

[turansky]

Do you use it?

[Paul SOUTEYRAT]

I wasn't aware of it, so no, I use FC<Props> instead.

[turansky]

Fine time to migrate :)

[Paul SOUTEYRAT]

Out of curiosity, what does the V of VFC stand for ?

[turansky]

Void

[turansky]

You can find it in react types

[turansky]

https://github.com/DefinitelyTyped/DefinitelyTyped/blob/b1580550a096a71e6b9a64975ef87feda13519d1/types/react/index.d.ts#L558

[turansky]

Plugin is under the corner 🙂

[turansky]

https://kotlinlang.slack.com/archives/C0B8L3U69/p1652523791932909