Software Engineer တို့အတွက် အခြေခံ Cloud Networking
Software Engineer တို့အတွက် အခြေခံ Cloud Networking

Reactive State Base UI တခုကို JavaScript Proxy နဲ့ ဘယ်လိုဖန်တီးမလဲ

ဟိုတပတ်လောက်တုန်းကတော့ ကျနော်တို့ JS နဲ့ အရိုး ရှင်းဆုံး State Based UI တခုဖန်တီးခဲ့ပြီးကြပြီ။ ဟိုတပတ်လောက်တုန်းကတော့ ကျနော်တို့ JS နဲ့ အရိုး ရှင်းဆုံး State Based UI တခုဖန်တီးခဲ့ပြီးကြပြီ။ State ပေါ်မှာ အခြေခံထားတဲ့ UI Component တခု ကို Javascript နဲ့ဘယ်လိုဖန်တီးမလဲ ဒီဟာကို မပြောခင် ကျနော်တို့ web developer တွေကြားမှာပြောနေကြတဲ့ state ဆိုတာကိုကြားဖူးချင်လဲကြားဖူးမယ်…winhtaikaung76.medium.com ဒီတခေါက်တော့ ကျနော်တို့ UI ကို Reactive ဖြစ်အောင်။ Reactive ဆိုတာဘာလဲဆိုတော့ ဗျာ ကျနော်တို့ UI ရဲ့ data တခုခု ကိုပြုပြင်လိုက်တာနဲ့ အလိုအလျောက် UI က ပြန်ပြီး updateဖြစ်သွားတာကိုဆိုလိုတယ်။ ဆိုတော့ ကျနော်တို့ Reactive ဖြစ်အောင်လုပ်လို့ရတဲ့ နည်းတွေရှိကြတယ် ဒါပေမယ့်ကျနော်တို့ကတော့ JS မှာပါဝင်တဲ့ Proxy ကိုသုံးပြီး လုပ်မှာပါ။…

Reactive State Base UI တခုကို JavaScript Proxy နဲ့ ဘယ်လိုဖန်တီးမလဲ
Reactive State Base UI တခုကို JavaScript Proxy နဲ့ ဘယ်လိုဖန်တီးမလဲ

Javascript နဲ့ ရေးထားတဲ့ state-based UI component နဲ့ UI အပြောင်းအလဲ တွေကို တထိုင်တည်းဘယ်လိုလုပ်မလဲ

အရင်အခေါက်တွေတုန်းက ကျနော်တို့ Proxyနဲ့ Reactive UI အကြောင်း ရယ် Stateပေါ်မှာ အခြေခံတဲ့ UI တခုဘယ်လိုတည်ဆောက်လဲဆိုတာပြောပြပြီးသွားပီ။အကယ် လို့မိတ်ဆွေက ကအဲ့ဒီ ဟာတွေကိုမဖတ်ရသေးဘူးဆိုရင်တော့ အခုအကြောင်းအရာက ဆက်စပ်မှုရှိမှာမဟုတ်ဘူးဗျ။ ဒါကဘာကြောင့်လိုအပ်လဲ ဆိုကြပါဆို ကျနော်တို့ဆီမှာ todo list componentတခု ရှိတယ် အဲ့ဒီcomponent တွေရဲ့ information တွေကို လိုသလိုပြင်ရမယ်ဆိုပါတော့ဗျာ။ အရှေ့မှာဆောက်ထားခဲ့တဲ့ ကျနော်တို့ Component `Bue()`နဲ့ဆိုရင် `render()` method ကို ၄ကြိမ်ခေါ်ရမယ်။ innerHTML property ကို ၄ ကြိမ်ခေါ်ရတဲ့ အတွက် repaint ၄ခါဖြစ်တယ် ဆိုတော့ performace အရမကောင်းဘူးပေါ့ဗျာ။…

Javascript နဲ့ ရေးထားတဲ့ state-based UI component နဲ့ UI အပြောင်းအလဲ တွေကို တထိုင်တည်းဘယ်လိုလုပ်မလဲ
Javascript နဲ့ ရေးထားတဲ့ state-based UI component နဲ့ UI အပြောင်းအလဲ တွေကို တထိုင်တည်းဘယ်လိုလုပ်မလဲ