Demo

Hooks

@quan-erp/shared-ui မှ shared React hooks — debounce၊ responsive layout၊ mobile back နှင့် lazy locale translation အကြောင်း ရှင်းပြထားပါသည်။

ဘယ် package မှ import လုပ်မလဲ

စာရင်းဝင် hooks အားလုံးကို @quan-erp/shared-ui မှ export လုပ်ထားပါသည်။ Plugin ထဲတွင် debounce၊ matchMedia သို့မဟုတ် i18n loader ကို ကိုယ်တိုင် မရေးရပါ။

  • Package — @quan-erp/shared-ui
  • Authenticated pages → useLazyLocaleTranslation
  • Public / pre-login pages → usePublicLazyLocaleTranslation
TSXimport
1import { 2 useDebounceValue, 3 useMediaQuery, 4 useMobileBackDialog, 5 useLazyLocaleTranslation, 6 usePublicLazyLocaleTranslation, 7} from "@quan-erp/shared-ui";

စာရင်း

  • useDebounceValue — query / အလုပ်အလေးများမလုပ်မီ live value ကို debounce လုပ်ပါသည်
  • useMediaQuery — CSS media query အတွက် boolean match
  • useMobileBackDialog — မိုဘိုင်း back / escape ဖြင့် dialog များကို မှန်ကန်စွာ ပိတ်ပါသည်
  • useLazyLocaleTranslation — authenticated pages အတွက် lazy locale JSON
  • usePublicLazyLocaleTranslation — public / pre-login မျက်နှာပြင်များအတွက် lazy locale

အရေးကြီးသော စည်းမျဉ်းများ

  • @quan-erp/shared-ui မှသာ import လုပ်ပါ
  • Hook implementation ကို plugin ထဲ မကူးရပါ
  • Auth context အလိုက် lazy-locale hook ကို ရွေးချယ်ပါ (private vs public)
  • Sidebar မှ hook page ဖွင့်ပြီး signature နှင့် ဥပမာများကို ကြည့်ပါ