সম্পাদনা
import {createRoot} from "react-dom/client"; import React, {useSyncExternalStore} from "react"; const store = { value: 0, listeners: new Set(), subscribe(listener) { this.listeners.add(listener); return () => this.listeners.delete(listener); }, getSnapshot() { return this.value; }, increment() { this.value++; this.listeners.forEach(listener => listener()); } }; function App() { const value = useSyncExternalStore( store.subscribe.bind(store), store.getSnapshot.bind(store) ); return ( <div> <button onClick={() => store.increment()}>বৃদ্ধি</button> <p>ভ্যালু: {value}</p> </div> ); } createRoot( document.getElementById("root") ).render(<App/>);
পূর্বরূপ