Learn Vue JS course Learn Javascript and Vue JS Learn VueJS course Learn VueJS Tutorial

Functional Components

Learn all you need to know to take full advantage of functional components in your Vue.js applications.

Follow the course to get an email notification when a new lesson is published.

  • 4 of 8 lessons
  • 15 min
  • Advanced
Illustration image of Functional Components

About the course

Learn how to improve your Vue.js applications by utilizing the full power of functional components. Functional components are "slimmer" than classic Vue.js components. Thus they perform better.

Functional components are a great tool to have in your Vue.js toolbelt. They are especially handy if you render hundreds or thousands of component instances in one page, where each component is responsible for displaying data.

In this course, you'll learn everything you need to know about functional components, including when to use them, when not to use them, and their caveats.

We will also cover render functions and how to use functional components with slots.

1

Introduction to functional components

3 lessons • 11 min
What are functional components FREE
4:15
Our first functional component
2:31
The biggest caveats of functional components
4:55
2

Render functions

1 lessons • 3 min
Working with the context and templates
3:25
icon
Introduction to render functions
Coming Soon
icon
Nesting render functions
Coming Soon
icon
How to structure complex render functions
Coming Soon
3

Bonus

0 lessons • 0 min
icon
Being successful with implementing functional components
Coming Soon