Explain the concept of 'VNode' and how to use the 'h' function.
Updated May 4, 2026
Short answer
A VNode is a Virtual Node; the h function (hyperscript) is used to create them manually without templates.
Deep explanation
VNodes are simple JS objects describing what the DOM should look like. The h() function takes three arguments: the tag/component, props/attributes, and children. This is useful for building highly dynamic components where template logic becomes too cumbersome (e.g., a component that renders <h1> through <h6> based on a prop).
Unlock with a Pro subscription to view this section.
View pricingReal-world example
No real-world example available yet.
Unlock with a Pro subscription to view this section.
Upgrade to ProCommon mistakes
No common mistakes listed yet.
Unlock with a Pro subscription to view this section.
Upgrade to ProFollow-up questions
No follow-up questions available yet.
Unlock with a Pro subscription to view this section.
Upgrade to Pro