chore: improved example

packages/esbuild-plugin/examples/react-typescript/esbuild.config.js

@@ -9,7 +9,7 @@ const hbOptions = {
 
 esbuild
   .build({
-    entryPoints: ['src/app.tsx'],
+    entryPoints: ['src/index.tsx'],
     bundle: true,
     minify: true,
     format: 'cjs',

packages/esbuild-plugin/examples/react-typescript/src/App.tsx

@@ -0,0 +1,11 @@
+import * as React from 'react'
+import Panel from './Panel'
+
+// App Component
+export default function App() {
+  return (<div>
+    <h1>Hello, ESBUILD!</h1>
+    <Panel/>
+    <Panel/>
+  </div>)
+}

packages/esbuild-plugin/examples/react-typescript/src/Panel.tsx

@@ -0,0 +1,7 @@
+import * as React from 'react'
+
+export default function Panel() {
+  return (
+    <h2>I'm a Panel</h2>
+  )
+}

packages/esbuild-plugin/examples/react-typescript/src/index.tsx

@@ -0,0 +1,7 @@
+import * as ReactDOM from 'react-dom/client'
+import App from './App'
+
+const root = ReactDOM.createRoot(
+  document.getElementById('root')
+)
+root.render(<App />)