Effect Events & Stable Synchronization

Effect Events & Stable Synchronization ကို React ပြင်ပ system တစ်ခုနှင့် synchronize လုပ်ရန် escape hatch အဖြစ်သုံးပါ။ Setup/cleanup symmetry, dependency correctness, race cancellation နဲ့ Strict Mode တွင်ပြန် run သောအခြေအနေကိုစမ်းပါ။

ပိုပြီးနားလည်ထားရမယ့် အချက်

Effect Events & Stable Synchronization ကို React ပြင်ပ system တစ်ခုနှင့် synchronize လုပ်ရန် escape hatch အဖြစ်သုံးပါ။ Setup/cleanup symmetry, dependency correctness, race cancellation နဲ့ Strict Mode တွင်ပြန် run သောအခြေအနေကိုစမ်းပါ။

လက်တွေ့မှာ ဘယ်လိုအသုံးချမလဲ

Effect Events & Stable Synchronization example ကို empty/loading/error states, keyboard-only interaction, slow network, rapid repeated events နဲ့ component unmount/remount cases ဖြင့်စမ်းပါ။ Browser console, React DevTools, tests နဲ့ profiler ကိုလိုအပ်သလိုအသုံးပြုပြီး behavior ကိုအတည်ပြုပါ။

ဒီသင်ခန်းစာပြီးရင်

• Source of truth နဲ့ component boundary ကိုရှင်းပြနိုင်ခြင်း
• Keyboard နှင့် failure state ပါသော example ရေးနိုင်ခြင်း
• User-visible behavior တစ်ခုကို test သို့ profiler ဖြင့်စစ်နိုင်ခြင်း

import { useEffect, useEffectEvent, useState } from 'react';

export default function Clock({ locale }) {
  const [time, setTime] = useState('');
  const updateClock = useEffectEvent(() => {
    setTime(new Date().toLocaleTimeString(locale));
  });
  useEffect(() => {
    updateClock();
    const id = setInterval(updateClock, 1000);
    return () => clearInterval(id);
  }, []);
  return <time>{time}</time>;
}

Clock က စက္ကန့်တိုင်း update ဖြစ်ပြီး interval ပြန်မစဘဲ နောက်ဆုံး locale ကိုဖတ်မည်။

useEffectEvent — React