# Conventions

## 


## UI

All visual state will be represented as jsx, this allows flexibility around the target runtime

```typescript
export const Hello = <>
  <title>Hello!</title>
  <header>Hello!</header>
</>
```

UI Components can be defined using a function, this allows information to be serialized into a visual representation

```typescript
export interface Article {
   content: unknown
   title: unknown
}

export function DisplayArticle(this: Article) {
  return <>
    <title>{this.title}</title>
    <article>
      <header>{this.title}</header>
      {this.content}
    </article>
  </>
}
```