React ၏ အခြေခံသင်ခန်းစာ
မိတ်ဆက်
React တပ်ဆင်ခြင်း
react-devtools plugin ချိတ်ဆက်ခြင်း
Component ချဉ်းကပ်နည်း
ဝဘ်ဆိုဒ် မြင်ကွင်း
Component ၏ အလုပ်လုပ်ပုံရလဒ်
JSX ဘာသာစကား
JSX မိတ်ဆက်
နစ်စ်တက် တဂ်များ ပြန်ပို့ခြင်း
တဂ်ကို အောက်သို့ ဆွဲချခြင်း
တဂ်များစွာ ပြန်ပို့ခြင်း
မပိတ်ထားသော တဂ် ပြန်ပို့ခြင်း
ဗလာ တဂ်ကို ဖန်ရှင်မှ ပြန်ပို့ခြင်း
ကိန်းရှင်တန်ဖိုးများ ထည့်သွင်းခြင်း
ကိန်းရှင်များ ထည့်သွင်းရာတွင် သတိပြုစရာများ
အခင်းအကျင်းများ ထည့်သွင်းခြင်း
အော့ဗ်ဂျက်များ ထည့်သွင်းခြင်း
အက်ထြီဗျုများတွင် ထည့်သွင်းခြင်း
JSX တွင် တဂ်များ သိမ်းဆည်းခြင်း
တဂ်များစွာ သိမ်းဆည်းခြင်း
မတူညီသော စာကြောင်းများပေါ်ရှိ တဂ်များ
တဂ်များ ပြန်ပို့ခြင်း
JSX တဂ်များ၏ ပိတ်ထားမှု
ဝက်ဘ်ဆိုဒ် ဒီဇိုင်း၏ မှန်ကန်မှု
JavaScript ကုဒ် လုပ်ဆောင်ခြင်း
အခြေအနေများ
JSX အတွင်း အခြေအနေများ
အခြေအနေပေါ် မူတည်ပြသခြင်း
tag ပြန်ပေးရန် အခြေအနေများ
JSX အတွင်း ternary operator
JSX အတွင်း && operator အသုံးပြုခြင်း
အတိုချုံ့ အခြေအနေများအတွက် ပြောင်းပြန်လှန်ခြင်း
ဖန်ရှင်များ
ဖန်ရှင်များကို အသုံးပြုခြင်း
တဂ်များအတွင်း ဖန်ရှင်များကို ခေါ်ယူခြင်း
အဖြစ်အပျက် ကိုင်တွယ်သည့် ဖန်ရှင်များ တပ်ဆင်ခြင်း
အဖြစ်အပျက် ကိုင်တွယ်သည့် ဖန်ရှင်၏ ပါရာမီတာများ
Event အော့ဘ်ဂျက်
ပါရာမီတာများ လက်ခံရရှိသည့်အခါ Event အော့ဘ်ဂျက်
တဂ်များ ဖွဲ့စည်းခြင်း
တဂ်ခင်းကျင်း
ကွင်းဆက်ထဲမှ တဂ်ခင်းကျင်း
ဒေတာခင်းကျင်းမှ တဂ်များ
ခင်းကျင်းထဲက သော့များ
အရာဝတ္ထုခင်းကျင်း
id မှတစ်ဆင့် သော့များ
အရာဝတ္ထုခင်းကျင်းမှ ဇယား
တစ်ဦးချင်းကွဲပြားသော id
ဆွေးနွေးခြင်း
အသစ်သော id များနှင့် ပြဿနာများ
id အတွက် ကျပန်းစာကြောင်းများ
id ထုတ်လုပ်ခြင်း
id ထုတ်လုပ်ရန် လုပ်ဆောင်ချက်
id လုပ်ဆောင်ချက်ကို အသုံးပြုခြင်း
လုပ်ဆောင်ချက်ကို မှားယွင်းစွာ အသုံးပြုခြင်း
အခြေအနေများ
အခြေအနေများ နိဒါန်း
အသုံးပြုခြင်း
တုံ့ပြန်မှု
အခြေအန်တွင် ယုတ္တိမှန်ကန်သော တန်ဖိုး
အခြေအနေများဖြင့် အလုပ်လုပ်သော ကောင်တာ
ဖောင်များ
အင်ပူများနှင့် အလုပ်လုပ်ခြင်း
အင်ပူဒေတာများကို ထုတ်ပြသည့်အခါ ပြောင်းလဲခြင်း
ဖန်ရှင်ကို အသုံးပြု၍ ဒေတာများကို ပြောင်းလဲခြင်း
အင်ပူအများအပြားနှင့် အလုပ်လုပ်ခြင်း
ဖောင်ဒေတာများကို လုပ်ဆောင်ခြင်း
textarea နှင့် အလုပ်လုပ်ခြင်း
ချက်ဘောက်များနှင့် အလုပ်လုပ်ခြင်း
ချက်ဘောက်များနှင့် အခြေအနေအရ ရင်ဒါလုပ်ခြင်း
ဆယ်လက်များနှင့် အလုပ်လုပ်ခြင်း
အခင်းအကျင်းမှ ဆယ်လက် ပစ္စည်းများ
ဆယ်လက်တွင် value attributes များ
အခင်းအကျင်းမှ ဆယ်လက် value attributes များ
radio နှင့် အလုပ်လုပ်ခြင်း
စံထားသည့် တန်ဖိုးများ
အင်ပူများကို အခင်းအကျင်းသို့ ချိတ်ဆက်ခြင်း
အင်ပူများကို အော့ဂျက်သို့ ချိတ်ဆက်ခြင်း
ဒေတာများ
မိတ်ဆက်
array ထဲသို့ reactive ထည့်သွင်းခြင်း
array များအပေါ် reactive လုပ်ဆောင်ချက်များ
object array ထဲသို့ reactive ထည့်သွင်းခြင်း
object array များအပေါ် reactive လုပ်ဆောင်ချက်များ
ဒေတာများကို reactive ပြသခြင်း
ကွန်ပြူတာအပိုင်းများ
ကွန်ပြူတာအပိုင်းများမိတ်ဆက်
ကွန်ပြူတာအပိုင်းများအသုံးပြုခြင်း
ကွန်ပြူတာအပိုင်းတစ်ခု၏ဥပမာအများအပြား
ကွန်ပြူတာအပိုင်းများ၏ ပရောပါဂျက်များ
ကွန်ပြူတာအပိုင်းကလေးများ
ကွန်ပြူတာအပိုင်းကလေးများဖန်တီးရန် အခင်းအကျင်း
ကွန်ပြူတာအပိုင်းကလေးများကို ကွင်းဆက်ထဲတွင်
ကွန်ပြူတာအပိုင်းကလေးများသို့ စတိတ်များလွှဲပြောင်းခြင်း
ကွန်ပြူတာအပိုင်းသို့ ID လွှဲပြောင်းခြင်း
မိဘ၏စတိတ်ကိုပြောင်းလဲခြင်း
မိဘ၏စတိတ်ကိုတည်းဖြတ်ခြင်း
အဖိုး၏စတိတ်ကိုတည်းဖြတ်ခြင်း
စတိတ်များမှတစ်ဆင့် အလုပ်လုပ်ပုံမုဒ်များ
အယူအဆများ
မိတ်ဆက်
ကွန်ပြူတာပစ္စည်းများ၏ အချက်အလက်များ
ကွန်ပြူတာပစ္စည်းအမျိုးအစားများ
တစ်ဖက်သတ်ဒေတာအစီအစဉ်
အခြေအနေများမြှင့်တင်ခြင်း
အမှန်တရားတစ်ခုတည်းသောအရင်းအမြစ်
စတိုင်သွင်းခြင်း
React ရှိ စတိုင်သွင်းနည်းလမ်းများ
ကမ္ဘာလုံးဆိုင်ရာ CSS
အရာဝတ္ထုမှ style attribute သို့ ဒေတာများထည့်သွင်းခြင်း
သီးခြားဖိုင်မှ style attribute သို့ ဒေတာများထည့်သွင်းခြင်း
style attribute အတွင်း CSS စတိုင်များနှင့် အလုပ်လုပ်ခြင်း
ကိန်းရှင်များမှ style attribute သို့ ဒေတာများထည့်သွင်းခြင်း
Styled Components
Styled Components ရှိ Props များ
Styled Components ရှိ Props များနှင့် အခြေအနေအရ render လုပ်ခြင်း
တိုးချဲ့စတိုင်သွင်းထားသော component များ
CSS modules ဖြင့် အလုပ်စတင်ခြင်း
CSS modules ဖြင့် အလုပ်ဆက်လုပ်ခြင်း
အတန်းများအတွက် composes command
ဖိုင်များအတွက် composes command