Rendering a Component #

You have 2 choices for rendering a component:

@Component({ name: "app-element" })
export class App extends JwcComponent {
  /* ... */
  override render() {
    return <div>Hello World</div>;
  }
}

// no yet implemented

Class Based #

Add a template to your component by adding a render method. The render method returns a JSX Element.

<div class="my-class"></div> 
// not <div className="my-class"></div>

render method will return a VNode, which is a virtual node. It is a lightweight representation of a DOM node. It is used to create the DOM node.

we will call render method when the component is connected to the DOM.

Function Based Not yet implemented #

Not yet implemented