Give functional components their own page in the documentation under "Components In-Depth"

Currently, all of the information for Vue functional components lives on the “Render Functions & JSX” page. I think they deserve their own dedicated page in the docs for 3 reasons:

• It is not required to build functional components with render functions. You can use template-based single file components with the functional keyword. I think this approach in particular deserves more attention and examples in the docs.
• If I understand correctly, using functional components (especially for small, frequently-repeated components) can improve app performance because Vue doesn’t track their state or maintain instances of them. Therefore, it should be learned along with rest of the component information.
• The other usages of functional components – delegating to other components for example – could also use more explanation or examples. While this is the more advanced/rarer case, providing an example or two might help people see where they can use such a pattern in their own code.

[nabrown]

Hi @chrisvfritz I’m sure you’re busy, just wanted to let you know I did a PR for this issue – the functional components documentation changes. If there’s anyone else I can/should pull in to review, let me know. (This would be my first contrib so not sure how process works). Hope you’re enjoying summer!

[nabrown]

Excellent. I’d love to take a first stab at it. On Jul 30, 2018, 7:12 AM -0400, Chris Fritz [e-mail], wrote:

You’ve convinced me. 🙂 As an aside, I’m also considering splitting up the render functions page into several pages, but let’s do this first. Do you want to get us started on it, or would you prefer I write the first draft? — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or mute the thread.