Title မှာ ကို ရေးထားတာက Software Engineer လို့ရေးထားတာဖြစ်တဲ့ Software Engineer လုပ်နေသူများကို အဓိကထားရည်ရွယ်ပါတယ်။ ဒီအကြောင်းအရာဟာNetworking ကို ကျွမ်းကျင်သူများအတွက်တော့ လွယ်ကူပေမယ့် Software Engineer တွေအတွက်တော့ ခက်ခဲလေ့ရှိကြပါတယ်။ အများစုက ကတော့ Organisation တော်တော်များများမှာ စနစ်တကျလုပ်ထားပြီးသားဖြစ်လေ့ရှိကြတဲ့ အပြင် ဒီအလုပ်တွေကို Devops တွေ CloudEngineer တွေက လုပ်ပေးလေ့ရှိကြပါတယ်။ ကျနော်တို့ တွေက Code Push ပြီးရင် local မှာ စမ်းပြီးရင် အလုပ်ပြီးပြီလို့ယူဆလို့ရပေမယ့် တကယ်တမ်းကျတော့ အများကြီးကျန်ပါသေးတယ်။ CI/CD /QA ကတော့လောလောဆယ် ထားပါလေ နောက်ဆုံးကိုယ့် Application က Server…

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 မှာ ထပ်ခါထပ်ခါ လုပ်စေချင်တဲ့ အလုပ် လေးတွေရှိတယ် ဆိုကြပါစို့

ကျနော်တို့ AWS မှာ အသိအများဆုံးService နဲ့ အသုံးအများဆုံး က S3 ပဲ တခုခု object တွေသိမ်းချင်တယ် ဖတ်ချင်တယ် ဆိုရင် S3 က စျေးနှုန်း အရ အသင့်တင့်ဆုံးနဲ့ integration လုပ်ရတာအလွယ်ကူဆုံးပဲ။ ကျနော်တို့ အများစု ဖြစ်လေ့ဖြစ်ထရှိတာ က Develop လုပ်ဖို့လိုတုန်းက s3 bucket တခုဖွင့် ကိုယ်စမ်းစရာရှိစမ်း ပြီးသွားရင် Production မှာ လဲ အဲ့ ဒီအတိုင်း လိုက်ဖွင့် ပြီးရင် Deploy လုပ် Function working ဖြစ်တယ် ဆိုရင် Feature တခု ပြီးသွားတယ်ပေါ့။ ဒါပေမယ့် နောက်ပိုင်းမှာ…

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 ဆိုတာကိုကြားဖူးချင်လဲကြားဖူးမယ် မကြားဖူးလဲကိစ္စမရှိပါဘူးကျနော် တခုပြလိုက်ရင်အားလုံးမြင်သွားမှာပါ။