Component

In this section you're going to learn the fundamental building block of your applications - Components.

Components are reusable code blocks, like Lego pieces, that help you build user interfaces by breaking it into as many components as needed, keeping each one as small as necessary. This approach enhances readability, maintainability, and promotes reusability.

Think on a User Interface, we have form fields, buttons, headings, footers, navigation menus, links... or rather Components!

VistaJS allow you to create reusable Components in a simple and intuitive way, supporting features like:

• Template event binding

• Template property binding

• Props

• lifecycle hooks

  • onMount

  • onChange

  • onDestroy

• Styling with CSS Modules

These are just somethings you can leverage from VistaJS, let's build our first component and understand how to use all those features!