1 files changed, 42 insertions, 0 deletions
diff --git a/preact/demo/devtools.js b/preact/demo/devtools.js
new file mode 100644
index 0000000..0484582
--- /dev/null
+++ b/preact/demo/devtools.js
@@ -0,0 +1,42 @@
+// eslint-disable-next-line no-unused-vars
+import {
+	createElement,
+	Component,
+	memo,
+	Fragment,
+	Suspense,
+	lazy
+} from 'react';
+
+function Foo() {
+	return <div>I'm memoed</div>;
+}
+
+function LazyComp() {
+	return <div>I'm (fake) lazy loaded</div>;
+}
+
+const Lazy = lazy(() => Promise.resolve({ default: LazyComp }));
+
+const Memoed = memo(Foo);
+
+export default class DevtoolsDemo extends Component {
+	render() {
+		return (
+			<div>
+				<h1>memo()</h1>
+				<p>
+					<b>functional component:</b>
+				</p>
+				<Memoed />
+				<h1>lazy()</h1>
+				<p>
+					<b>functional component:</b>
+				</p>
+				<Suspense fallback={<div>Loading (fake) lazy loaded component...</div>}>
+					<Lazy />
+				</Suspense>
+			</div>
+		);
+	}
+}