React.FC vs React.FunctionComponent

[ElForastero]

What cheatsheet is this about? (if applicable)

Basic cheatsheet

What's your issue or idea?

Last year some recommendations on using FunctionComponent instead of FC were added to this cheatsheet in #104.

But seems like things have changed since then and now these two types are identical. 🤔

[eps1lon]

Since this cheatsheet is mostly aimed at beginners I would generally avoid abbreviations.

But that doesn't mean we should recommend one over the other. I think using FunctionComponent and mentioning once that this is also available as FC is a good compromise.

[swyxio]

ah, i didnt know this recommendation had changed. it actually came from @ferdaber. yeah we should tell people both exist. thanks will address.

[ferdaber]

Ah yeah my bad. I don't even recommend using either nowadays now that TypeScript supports namespace augmentation to functions.

[swyxio]

no worries man. glad to see you're doing ok :)

[ElForastero]

@ferdaber Hi. I'm curious about "namespace augmentation to functions". Can you share some details?) Can't google it. 🤔

[ferdaber]

This change is what documents it, it allows you to assign properties of functions and arrow functions after they're declared and it updates the type of the function. This achieves the same functionality that you would get if you declare a function and a namespace with the same name. https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-1.html#properties-declarations-on-functions

[swyxio]

yea i believe in general namespaces are on their way out in TS. at least for users, i believe its still relevant in library code.