React Native: Learn & Practice

Code Play

ကြော်ငြာများ ပါရှိပါသည်

ဤအက်ပ်အကြောင်း

React Native ကို တိုတောင်းသောရှင်းလင်းချက်များ၊ လက်တွေ့ကျသောကုဒ်ဥပမာများနှင့် စိန်ခေါ်မှုငယ်များမှတစ်ဆင့် လေ့လာပါ။ module ၁၀ ခုတွင် သင်ခန်းစာ ၁၄၈ ခုကို လေ့လာပါ၊ coding playground တွင် ဥပမာတစ်ခုဖွင့်ပြီး interface မည်သို့အလုပ်လုပ်သည်ကို နားလည်ရန် ပြောင်းလဲပါ။

အခြေခံမှ လက်တွေ့လုပ်ဆောင်ခြင်းအထိ ရှင်းလင်းသောလမ်းကြောင်း
စာသား၊ မြင်ကွင်းများ၊ variable များ၊ components များ၊ ရုပ်ပုံများနှင့် style များဖြင့် စတင်ပါ။ Flexbox layout များ၊ form များ၊ text input များ၊ button များ၊ touch interaction များ၊ scrolling နှင့် lists များထဲသို့ ဆက်လက်ဝင်ရောက်ပါ။ နောက်ပိုင်း module များသည် hook များ၊ reusable components များ၊ state management၊ performance concept များ၊ responsive layout များနှင့် practice project များကို မိတ်ဆက်ပေးပါသည်။

တည်းဖြတ်ခြင်းမပြုမီ အကြံဉာဏ်ကို ဖတ်ရှုပါ
သင်ခန်းစာတစ်ခုစီသည် ရည်ရွယ်ချက်၊ ရိုးရှင်းသောဘာသာစကားခြုံငုံသုံးသပ်ချက်၊ အဓိကအကြံဉာဏ်များ၊ code များ၊ လက်တွေ့ကျသောအကြံပြုချက်များ၊ စိန်ခေါ်မှုငယ်တစ်ခုနှင့် self review အတွက်မေးခွန်းများကို ပေါင်းစပ်ထားသည်။ ၎င်း၏ရှင်းလင်းချက်နှင့်အတူ ဥပမာကိုကြည့်ပါ၊ ထို့နောက် စမ်းသပ်ရန်အဆင်သင့်ဖြစ်သောအခါ တည်းဖြတ်နိုင်သောဗားရှင်းကိုဖွင့်ပါ။ Beginner၊ intermediate နှင့် practice label များသည် သင်တန်းတွင် ခေါင်းစဉ်တစ်ခုစီ၏တည်နေရာကို နားလည်ရန် ကူညီပေးသည်။

ကိုယ်ပိုင်ပြောင်းလဲမှုများကို စမ်းကြည့်ပါ
စာသား၊ တန်ဖိုးများ၊ style များနှင့် component behavior ကို ချိန်ညှိရန် built-in JavaScript နှင့် JSX editor ကို အသုံးပြုပါ။ Syntax highlighting နှင့် line number များသည် ဥပမာများကို လိုက်နာရန် ပိုမိုလွယ်ကူစေသည်။ Undo နှင့် redo သည် ပြောင်းလဲမှုများကို စူးစမ်းလေ့လာရန် ကူညီပေးပြီး Reset code သည် starter example ကို ပြန်လည်ရရှိစေပါသည်။ အက်ပ်အတွင်း preview ကိုဖွင့်ရန် Run app ကို နှိပ်ပြီးနောက် နောက်တစ်ကြိမ်ကြိုးစားရန် တည်းဖြတ်ခြင်းသို့ ပြန်သွားပါ။

အသုံးဝင်သော ပုံစံများကို စူးစမ်းလေ့လာပါ
ထိန်းချုပ်ထားသော input များ၊ form validation၊ password visibility၊ character counters၊ list filtering၊ ရွေးချယ်နိုင်သော items များနှင့် empty states များကို လေ့လာပါ။ counters၊ timers၊ live clock၊ temperature converter၊ tip calculator၊ cards၊ accordion၊ simple tabs နှင့် mini todo list များဖြင့် လေ့ကျင့်ပါ။ ၎င်းတို့သည် interface ၏ အစိတ်အပိုင်းငယ်များ မည်ကဲ့သို့ ကိုက်ညီသည်ကို စစ်ဆေးနိုင်စေမည့် သင်ယူမှု ဥပမာများဖြစ်သည်။

သင်လိုအပ်သော သင်ခန်းစာကို ရှာဖွေပါ
သင်ခန်းစာခေါင်းစဉ်များကို ရှာဖွေပါ သို့မဟုတ် module အလိုက် library ကို ကျဉ်းမြောင်းစေပါ။ သင်ခန်းစာအားလုံး၊ လုပ်ဆောင်ဆဲ သင်ခန်းစာများ၊ သိမ်းဆည်းထားသော အကြိုက်ဆုံးများနှင့် ပြီးစီးသွားသော သင်ခန်းစာများအကြား ပြောင်းလဲပါ။ Previous နှင့် Next controls များကို အသုံးပြုပါ သို့မဟုတ် သင်ခန်းစာများအကြား swipe လုပ်ပါ။ filtered library မှ သင်ခန်းစာတစ်ခုကို ဖွင့်သောအခါ၊ navigation သည် ထိုရွေးချယ်မှုနောက်တွင် လိုက်ပါသွားသောကြောင့် သင်ရွေးချယ်ထားသော ခေါင်းစဉ်များနှင့်အတူ ရှိနေနိုင်ပါသည်။

သင်၏ သင်ယူမှုကို ခြေရာခံပါ
ပြန်လည်သုံးသပ်ရန်အတွက် သင်ခန်းစာများကို bookmark လုပ်ပြီး သင်အဆင်သင့်ဖြစ်သောအခါ ၎င်းတို့ကို ပြီးမြောက်အောင် မှတ်သားပါ။ home screen သည် သင်တန်းတိုးတက်မှု၊ ပြီးစီးပြီး သိမ်းဆည်းထားသော အရေအတွက်များနှင့် လေ့လာမှု streak ကို ပြသသည်။ နောက်ဆုံးသင်ခန်းစာကို ပြန်လည်စတင်ပါ သို့မဟုတ် နောက် မပြီးဆုံးသေးသော ခေါင်းစဉ်သို့ ဆက်လက်လုပ်ဆောင်ပါ။ တိုးတက်မှုနှင့် bookmark များကို သင့်စက်တွင် ဒေသတွင်းတွင် သိမ်းဆည်းထားသည်။

သင့်စမ်းသပ်ချက်များသို့ ပြန်သွားပါ
ဥပမာတစ်ခုကို လုပ်ဆောင်ခြင်းသည် ၎င်း၏ကုဒ်ကို ထိုသင်ခန်းစာအတွက် ဒေသတွင်းမူကြမ်းအဖြစ် သိမ်းဆည်းသည်။ မူကြမ်းကို ပြန်လည်ရယူရန် ကစားကွင်းကို ပြန်ဖွင့်ပါ သို့မဟုတ် မူရင်းကုဒ်သို့ ပြန်သွားရန် ၎င်းကို ပြန်လည်သတ်မှတ်ပါ။ ၎င်းသည် စတင်သည့်ပစ္စည်းကို အစားထိုးခြင်းမရှိဘဲ အနားယူပြီးနောက် အကြံဉာဏ်တစ်ခုကို ပြန်လည်ကြည့်ရှုရန် ပိုမိုလွယ်ကူစေသည်။

သက်တောင့်သက်သာရှိသော အသွင်အပြင်ကို ရွေးချယ်ပါ
သင်ယူမှု interface အတွက် အလင်းမုဒ်၊ မှောင်မုဒ် သို့မဟုတ် စနစ်အပြင်အဆင်ကို ရွေးချယ်ပါ။ အယူအဆတစ်ခုကို ဖတ်ပါ၊ ၎င်း၏ကုဒ်ကို စစ်ဆေးပါ၊ အာရုံစူးစိုက်ထားသော ပြောင်းလဲမှုတစ်ခု ပြုလုပ်ပါ၊ ၎င်းကို အသုံးချရန် စိန်ခေါ်မှုကို အသုံးပြုပါ။

ကျောင်းသားများ၊ coding ကို စိတ်ဝင်စားသော အစပြုသူများနှင့် မိုဘိုင်း interface အယူအဆများကို ပြန်လည်သုံးသပ်နေသော developer များအတွက် ဒီဇိုင်းထုတ်ထားသည်။ ဥပမာများသည် ဝဘ်အခြေပြု preview တွင် လုပ်ဆောင်သည်။ platform-specific API များနှင့် အပြုအမူသည် native app နှင့် ကွဲပြားနိုင်သည်။ အက်ပ်တွင် ကြော်ငြာများ ပါဝင်သည်။ လွတ်လပ်သော ပညာရေးဆိုင်ရာ အက်ပ်၊ React Native ပရောဂျက်နှင့် မသက်ဆိုင် သို့မဟုတ် ထောက်ခံချက်မရှိပါ။