refactor: remove unused components and files; update List component to use client-side rendering

- Deleted List.tsx, action.tsx, react.svg, client.tsx, entry.browser.tsx, entry.rsc.tsx, entry.ssr.tsx, error-boundary.tsx, request.tsx, index.css, and root.tsx as they were no longer needed.
- Updated List component in pages/a/index.tsx to use useEffect for client-side behavior.
- Removed pages/b/index.tsx as it was redundant.
- Added new browser-entry.tsx and entry.tsx for client-side and server-side rendering respectively.
- Introduced versioned component in pages/v/a/index.tsx to demonstrate async data fetching.
- Updated tsconfig.json to allow unused local variables.x
This commit is contained in:
2026-04-14 11:10:58 +08:00
parent f22899e424
commit 4cf060136d
23 changed files with 912 additions and 1511 deletions

View File

@@ -1,9 +1,12 @@
'use server';
import { useEffect } from "react";
export default async function List() {
export default function List() {
useEffect(() => {
console.log('useEffect in List');
}, []);
return (
<div>
<h1>List A</h1>
<h1>List 2</h1>
</div>
);
}

View File

@@ -1,10 +0,0 @@
'use server';
export default async function List() {
return (
<div>
<h1>List B</h1>
<div>123</div>
</div>
);
}

18
src/pages/v/a/index.tsx Normal file
View File

@@ -0,0 +1,18 @@
'use server';
import { useEffect } from "react";
const getVersion = async () => {
await new Promise(resolve => setTimeout(resolve, 1000));
return '1.0.0';
}
export default async function List() {
const v = await getVersion();
return (
<div>
<h1>List - Version {v}</h1>
<div style={{
width: 200
}}>Primary Button</div>
</div>
);
}