ဒီေန႔အခ်ိန္မွာေရပန္းစားေနတဲ့React

React ဟာ ယေန႔အခ်ိန္မွာ အရမ္းေဟာ့ေနတဲ့ Front-end နည္းပညာတစ္ခုပါ။ တစ္ကယ္ေတာ့ Frontend နည္းပညာ အေနနဲ႔တင္ မကပါဘူး၊ Hybrid Mobile App နည္းပညာ အေနနဲ႔ေရာ၊ Cross-platform Software Development နည္းပညာအေနနဲ႔ပါ လူႀကိဳက္မ်ားေနတဲ့ Programming Language တစ္ခုလို႔ေျပာလိုရပါတယ္။

ReactJS က JavaScript Library တစ္ခုပါ သူ႔ကို user interface (UI) or front end applicaction ေတြ Develop လုပ္တဲ ေနရာမ်ိဳးမွာအသုံးျပဳပါတယ္။ ReactJS ကို Facebook က Develop လုပ္ထားတာျဖစ္ပါတယ္။ React.JS က JavaScrip, HTML ႏွင့္ CSS ရဲ႕ အေျခခံသိထားသူတိုင္အလြယ္တကူေလ့လာႏိုင္သလို သူ႔ကို project ေတြမွာ အသုံးျပဳဖို႔ဆိုလွ်င္လည္း အလြယ္တကူ implementလုပ္ အသုံးျပဳႏိုင္ပါတယ္။

React မွာ အရာအားလုံးက component ေတြႏွင့္သြားပါတယ္။ Component ဆိုတာကဘာကို ေျပာတာလည္းဆိုရင္ေတာ့ ကြၽန္ေတာ္တို႔ website တစ္ခုျပဳလုပ္တယ္ ဆိုပါစို႔ Home Page တစ္ခုရွိတဲ့လိုျမင္ၾကည့္လိုက္ပါဗ် Home Page မွာဆိုရင္ header ရွိမယ္၊ Body မွာ About US, Contact form ရွိမယ္ ၿပီးေတာ့ ေအာက္ဆုံးမွာ Footer စသျဖင့္ရွိမယ္ဆိုပါဆို႔ အဲဒီ header, about, Contact, footer စသည့္ျဖင့္ section တစ္ခုစီခြဲေရးတာကို component လို႔ေခၚဆိုခ်င္ျဖစ္ပါတယ္။ ReactJS က ဒီလို Component ေတြႏွင့္သြားေသာေၾကာင့္ ႀကိဳက္တဲေနရာမွာျပန္ေခၚသုံးႏိုင္တာမို႔ code ရဲ႕ redundancy ကို ေလွ်ာ့ခ်ေပးသလို အခ်ိန္ကိုလည္း သက္သာေစပါတယ္။

သူရဲ႕ Performance အပိုင္းကို ေျပာရရင္ေတာ့ သူက Virtual DOM ကို အသုံးျပဳထားေသာေၾကာင့္ အလြန္ျပင္လို႔ေကာင္းပီး ျမန္ဆန္လြန္းလွပါတယ္။ Virtual DOM က ဘယ္လိုအလုပ္လုပ္သလဲဆိုရင္ေတာ့ သူက Component’s ရဲ႕ previous state ႏွင့္ current state ကို ႏႈိင္းယွဥ္ပါတယ္။ ကိုယ္က component တစ္ခုကို ျပင္လိုက္တယ္ ဆိုပါစို႔ Virtual DOM က Component အားလုံးကို upadate မလုပ္ပဲ ကိုယ့္က ျပင္လိုက္တဲ့ Component ကိုရွားၿပီး Real DOM မွာအစားထိုးေပးပါတယ္။ React က ဒီလိုနည္းပညာမ်ိဳးကို အသုံးျပဳထားေသာေၾကာင့္ သူရဲ performance က အလြန္ျပင္ေကာင္းတာကိုေတြ႕ရမွာပါ။ ReactJS က performance ေကာင္းသလို secured လည္းျဖစ္ပါတယ္။

React မွာ Component ေတြတည္ေဆာက္တဲ့အခါမွာဆိုလွ်င္ ES6 (ECMAScript 6) ကဲ့သို နည္းပညာေတြပါလာတာမို႔ ES6 ေရးထုံးေရးနည္းကိုေတာ့သိထားရမွာပါ။ React မွာ ေရထားတဲ့ ES6 syntax ေတြကို Browser က နားမလည္ပါဘူး။ ES6 syntax ေတြကို Browser နားလည္တဲ့ syntax အျဖစ္ေျပာင္းဖို႔ဆိုလွ်င္ ေနာက္ကြယ္ကေန Babel Complier က compile လုပ္ေပးပါတယ္။

#Myanmar Web Store

Leave a Reply

Your email address will not be published. Required fields are marked *