Options
All
  • Public
  • Public/Protected
  • All
Menu

Class Component

The Component is a subclass of SuperComponent and your custom components will be made by extending this class and implementing a render method.

Hierarchy

Index

Constructors

Properties

_initialised: boolean = false
element: Element = ...

This holds the components root element, for a HTMLComponent, this would be the Button or paragraph tag, or for a Component, this is the containing div.

The _render method should mount any child elements to this element, so it should be safe to set this before its rendered.

Methods

  • _init(parent: Element | ShadowRoot): void
  • This method is used to initalise the component. It calls the _render method and mounts this.element to the parent element passed to it.

    Parameters

    • parent: Element | ShadowRoot

    Returns void

  • _render(): void
  • This method is where which you should override to compose together child components to build your own components.

    Returns ComponentTree

    Returns an array of SuperComponents or arrays of SuperComponents that should be rendered.

  • rerender(): void
  • This method should be called when the content inside the component has been updated. The most juniour component that needs to be updated should be called to help performance.

    For example, if you have the choice of rerendering a parent or its child, if the visual update only concerns the child, then calling rerender on the child is prefered.

    Returns void

Generated using TypeDoc