Switch from react to preact

src/js/package.json

@@ -15,6 +15,7 @@
     "@pyscript/core": "^0.6",
     "@reactpy/client": "^0.3.2",
     "event-to-object": "^0.1.2",
-    "morphdom": "^2.7.4"
+    "morphdom": "^2.7.4",
+    "preact": "^10.26.4"
   }
 }

src/js/src/components.ts

@@ -1,6 +1,6 @@
 import { DjangoFormProps, HttpRequestProps } from "./types";
-import React from "react";
-import ReactDOM from "react-dom";
+import React from "preact/compat";
+import ReactDOM from "preact/compat";
 /**
  * Interface used to bind a ReactPy node to React.
  */

src/js/src/mount.tsx

@@ -1,6 +1,5 @@
 import { ReactPyDjangoClient } from "./client";
-import React from "react";
-import ReactDOM from "react-dom";
+import ReactDOM from "preact/compat";
 import { Layout } from "@reactpy/client/src/components";
 
 export function mountComponent(

src/js/tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "esModuleInterop": true,
+    "jsx": "react-jsx",
+    "jsxImportSource": "preact",
+    "target": "esnext",
+    "module": "esnext",
+    "moduleResolution": "node",
+    "composite": true,
+    "allowJs": false,
+    "allowSyntheticDefaultImports": true,
+    "declaration": true,
+    "declarationMap": true,
+    "forceConsistentCasingInFileNames": true,
+    "isolatedModules": true,
+    "lib": ["DOM", "DOM.Iterable", "esnext"],
+    "noEmitOnError": true,
+    "noUnusedLocals": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": false,
+    "sourceMap": true,
+    "strict": true
+  }
+}