+ channel list

app/UI/channel-list.test.tsx

@@ -0,0 +1,4 @@
+import { h, render } from "https://esm.sh/preact@10.17.1";
+import { ChannelList } from "./channel-list.tsx";
+
+render(<ChannelList channels={["general", "games", "work"]}></ChannelList>, document.body);

app/UI/channel-list.tsx

@@ -0,0 +1,21 @@
+import { Component, h } from "https://esm.sh/preact@10.17.1";
+
+type Props = {
+    channels: string[];
+};
+
+type State = {};
+
+export class ChannelList extends Component<Props, State> {
+    render() {
+        return (
+            <div>
+                {this.props.channels.map((c) => ChannelListItem(c))}
+            </div>
+        );
+    }
+}
+
+function ChannelListItem(name: string) {
+    return <div># {name}</div>;
+}

deno.json

@@ -1,6 +1,9 @@
 {
     "compilerOptions": {
-        "checkJs": false
+        "checkJs": false,
+        "jsx": "react",
+        "jsxFactory": "h",
+        "jsxFragmentFactory": "Fragment"
     },
     "lint": {
         "rules": {