githubmirror/preact

demo/devtools.jsx

34 строки640 B

Jiawen Geng

feat: migrate demo to vite

08 май 2023, 12:49

08 май 2023, 12:49e4f3522

import { Component, memo, 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>
		);
	}
}