Event Bus ဆိုတာမပြောခင်ကျနော်တို့ networking အခြေခံတချို့ကို ကြည့်ကြစို့ Networking မှာ Bus network ဆိုတာရှိပါတယ်။ Bus ကား လမ်းကြောင်းတခုလိုပဲ သူ့လမ်းကြောင်းမှာရှိသမျှ မှတ်တိုင်တိုင်းနဲ့ သွယ်ဆက်ထားပါတယ်။ ပုံတွင်ကြည့်ပါ။

ဟိုတပတ်လောက်တုန်းကတော့ ကျနော်တို့ 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 ကိုသုံးပြီး လုပ်မှာပါ။…

ဒီအကြောင်းကို ရေးချင်နေတာကြာပီ ဒါပေမယ့် ဟိုးအရင် ၂ လလောက် လောက်က မှ EzySign မှာ သုံးဖို့လိုလာတာနဲ့ ပြန်လုပ်ရင်းနဲ့ Share ဖြစ်တာပါ။ ဖြစ်ပုံက ကျွန်တော် တို့ က Gitlab မှာ code တွေ အကုန်လုံးကို host ထားတယ် CI တွေလဲsetup လုပ်ထားတယ်။ Gitlab က ပေးတဲ့ Shared runner လေးတွေသုံးပီးတော့ပေါ့။ ဒီနေရာမှာက Runner ဆိုတာ က ဘာလုပ်ပေးလဲဆိုတော့ ကျွန်တော်တို့ CI မှာ ထပ်ခါထပ်ခါ လုပ်စေချင်တဲ့ အလုပ် လေးတွေရှိတယ် ဆိုကြပါစို့

Javascript က Single Threaded language နဲ့ အလုပ်လုပ်တယ် ဆိုတာ ကိုအားလုံးသိကြပြီးဖြစ်မှာပါ။ သို့ပေမယ့် ကျနော်တို့ အများစုသိထားတာက Javascript က Single Threaded ပေမယ့် Concurrent အလုပ်လုပ်လို့ ရအောင် Event Loop ကိုသုံးထားတယ်ဆိုတဲ့ အချက်ပေါ့။ Event Loop ရဲ့ အတွင်းကျကျ အသေးစိတ်အားလုံးကိုနားမလည်ရင်တောင် Event Loop ကိုတော့ နားလည်ထားရင် ကျနော်တို့ အနေနဲ့ Javascript ရေးသားရာမှာ asynchronous operation ပိုပြီး လွယ်လွယ်ကူကူ လုပ်ဆောင်နိုင်ပါလိမ့်မယ်။Event Loop ကိုနားလည်လွယ်အောင် အပေါယံအားဖြင့်…

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

သမရိုးကျကြည့်ရင် Proxy ဆိုတာကတော့ တခုခု ကို ကြားခံကနေတဆင့်လုပ်ဆောင်တယ် လို့ အဓိပ္ပာယ်ရတယ်။ ဟုတ်ပီ JavaScript ရဲ့ Proxy ကရော ဘယ်လိုအလုပ်လုပ်လဲ။ ဒီလိုပဲလား။ MDN ကတော့ ဒီလိုရေးထားတယ် https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy “The Proxy object enables you to create a proxy for another object, which can intercept and redefine fundamental operations for that object.”

ဒီဟာကို မပြောခင် ကျနော်တို့ web developer တွေကြားမှာပြောနေကြတဲ့ state ဆိုတာကိုကြားဖူးချင်လဲကြားဖူးမယ် မကြားဖူးလဲကိစ္စမရှိပါဘူးကျနော် တခုပြလိုက်ရင်အားလုံးမြင်သွားမှာပါ။

Since I’ve working on many projects for several web applications for different products, we have to use application localization to support multiple languages.Hang on , What is localization ? “Localization is the process of changing and refining an app in order to appeal to a geographically specific target market. …

ခု ၂၀၁၉/၂၀၂၀ မှာ ဆိုရင် Microservice Architecture လို့ဆိုတာ နဲ့ အတူ Kubernetes ဆို တာ ကိုတွဲမြင်လာကြပြီ ။ ဒီနေရာမှာ Microservice တွေကိုKubernetes လိုမျိုးContainer Orchestrationမရှိပဲနဲ့ လဲ လုပ်လို့ရနေတာပဲ Portမတူအောင်ထားပြီး service တွေ Runလို့ ရနေတာပဲ။ဘာလို့ Container တွေ သုံးမှာလဲ Orchestration တွေသုံးမှာလဲဆိုတာမေးစရာရှိပါတယ်။ ဟုတ်တာပေါ့ ဒါကမလိုပါဘူး service တခုနှစ်ခုလောက် ဆို မလို ဘူး ဆိုပေမယ့်လို့ ၂ခုထက်ပိုလာပြီဆိုရင် တော့ Orchestration ကတော့ လိုလာပြီ။ ဘာကြောင့်လဲ ဆက်ကြည့်မယ်..