feat(content): add render app > qwik (#197)

matschik · Oct 14, 2023 · 84ec093 · 84ec093
1 parent c7a5cf2
commit 84ec093
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 0 deletions.
diff --git a/content/7-webapp-features/1-render-app/qwik/app.tsx b/content/7-webapp-features/1-render-app/qwik/app.tsx
@@ -0,0 +1,5 @@
+import { component$, useSignal } from '@builder.io/qwik'
+
+export const App = component$(() => {
+  return <h1>Hello world</h1>;
+})
diff --git a/content/7-webapp-features/1-render-app/qwik/index.html b/content/7-webapp-features/1-render-app/qwik/index.html
@@ -0,0 +1,7 @@
+<!doctype html>
+<html>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="./main.tsx"></script>
+  </body>
+</html>
diff --git a/content/7-webapp-features/1-render-app/qwik/main.tsx b/content/7-webapp-features/1-render-app/qwik/main.tsx
@@ -0,0 +1,5 @@
+import '@builder.io/qwik/qwikloader.js'
+import { render } from '@builder.io/qwik'
+import { App } from './app.tsx'
+
+render(document.getElementById('app') as HTMLElement, <App />)