حدود الخادم والعميل والإطار

export function publicView(record) { return { title: record.title, seats: record.seats }; }
const view = publicView({ title: "Alpha workshop", seats: 8, internalNote: "Synthetic private field" });
export default function App() { return <main><h1>{view.title}</h1><p>Seats: {view.seats}</p></main>; }

Alpha workshop
Seats: 8

يوضح الانتقاء شكلا عاما ولا يفرض السرية لأن العينة كلها بحزمة محلية.

"use client";
import { useState } from "react";
export default function App() { const [count, setCount] = useState(0); return <main><h1>Client interaction</h1><button type="button" onClick={() => setCount(c => c + 1)}>Count {count}</button></main>; }

Initial button: Count 0. After click: Count 1.

يفسر الإطار التوجيه ويختبر المضيف المحلي التفاعل فقط لا بناء RSC.