What is the purpose of [<Erase>] in Feliz?

[cmeeren]

I notice that some types have [<Erase>] (but not all; notably, not prop).

https://github.com/Zaid-Ajaj/Feliz/search?q=%5B%3CErase%3E%5D&unscoped_q=%5B%3CErase%3E%5D

What is the point of [<Erase>] when members are generally inline anyway?

I'm asking because I need to know what to [<Erase>] in Feliz.MaterialUI, if anything.

[MangelMaxime]

This is to reduce the impact of Feliz to bundle size to the minimum.

More info here: #1 (comment)

[cmeeren]

Thanks! Shouldn't it be on all types, then? E.g. prop?

Feliz/src/Properties.fs

Lines 7 to 8 in 7b92317

	type prop =

[MangelMaxime]

No, because prop contains at least one member that is not inlined: Souce

Because inlining, this member would have a worst impact compare not inlined version.

[cmeeren]

Ah, so the general rule in the context of Feliz is "erase only types where ALL members are inline"?

[MangelMaxime]

Yes, in theory, this rule should in 98% (not a precise number 😉 ) reduce the final bundle size.

You can always use the REPL if unsure or look at the webpack size output.

[cmeeren]

Great, thanks!