တုံ့ပြန် ကျူတိုရီရယ်

React Home React Intro React စတင်လိုက်ပါ။ ES6 ကို တုံ့ပြန်ပါ။ Render HTML ကို တုံ့ပြန်ပါ။ JSX ကို တုံ့ပြန်ပါ။ အစိတ်အပိုင်းများကို တုံ့ပြန်ပါ။ React Class React Props အဖြစ်အပျက်များကို တုံ့ပြန်ပါ။ အခြေအနေများကို တုံ့ပြန်ပါ။ တုံ့ပြန်မှုစာရင်းများ တုံ့ပြန်မှုပုံစံများ Router ကို တုံ့ပြန်ပါ။ တုံ့ပြန်မှတ်စု CSS Styling ကို တုံ့ပြန်ပါ။ Sass Styling ကို တုံ့ပြန်ပါ။

React Hooks

Hook ဆိုတာဘာလဲ။ ပြည်နယ်ကိုအသုံးပြုပါ။ အသုံးပြုမှုအကျိုးသက်ရောက်မှု အသုံးအနှုန်း အသုံးပြုရန် Ref Reducer ကိုအသုံးပြုပါ။ ဖုန်းခေါ်ဆိုမှုကို အသုံးပြုပါ။ Memo ကိုအသုံးပြုပါ။ စိတ်ကြိုက်ချိတ်

တုံ့ပြန်လေ့ကျင့်မှုများ

တုံ့ပြန်မေးခွန်း တုံ့ပြန်လေ့ကျင့်မှုများ တုံ့ပြန်လက်မှတ်

ES6 အတန်းများကို တုံ့ပြန်ပါ။


သင်တန်းများ

ES6 အတန်းများကို မိတ်ဆက်ပေးခဲ့သည်။

အတန်းသည် လုပ်ဆောင်ချက်အမျိုးအစားတစ်ခုဖြစ်သော်လည်း function၎င်းကိုစတင်ရန် သော့ချက်စကားလုံးကို အသုံးပြုမည့်အစား ကျွန်ုပ်တို့သည် သော့ချက်စကားလုံးကို အသုံးပြုကာ နည်းလမ်းတစ်ခု classအတွင်း ဂုဏ်သတ္တိများကို သတ်မှတ်ပေးထားသည် ။constructor()

ဥပမာ

ရိုးရှင်းသော class constructor:

class Car {
  constructor(name) {
    this.brand = name;
  }
}

အတန်းအမည်ကို သတိပြုပါ။ ကျွန်ုပ်တို့သည် စာလုံးကြီးဖြင့် "ကား" ဟူသော အမည်ကို စတင်ခဲ့သည်။ ဤသည်မှာ အတန်းများအတွက် စံအမည်ပေးခြင်း ကွန်ဗင်းရှင်းတစ်ခုဖြစ်သည်။

ယခု သင်သည် Car class ကို အသုံးပြု၍ အရာဝတ္ထုများကို ဖန်တီးနိုင်သည်-

ဥပမာ

ကားအမျိုးအစားကို အခြေခံ၍ "mycar" ဟုခေါ်သော အရာတစ်ခုကို ဖန်တီးပါ-

class Car {
  constructor(name) {
    this.brand = name;
  }
}

const mycar = new Car("Ford");

မှတ်ချက်- အရာဝတ္တုကို စတင်သောအခါတွင် တည်ဆောက်သူလုပ်ဆောင်ချက်ကို အလိုအလျောက်ခေါ်သည်။


w3schools CERTIFIED . 2022

လက်မှတ်ရယူပါ။

React modules များကိုဖြည့်ပါ၊ လေ့ကျင့်ခန်းများလုပ်ပါ၊ စာမေးပွဲကိုဖြေဆိုပြီး w3schools မှအသိအမှတ်ပြုခံရပါ။

$95 စာရင်းသွင်းပါ။

အတန်းထဲတွင်နည်းလမ်း

အတန်းထဲတွင် သင့်ကိုယ်ပိုင်နည်းလမ်းများကို သင်ထည့်နိုင်သည်။

ဥပမာ

"present" ဟု အမည်ပေးထားသည့် နည်းလမ်းတစ်ခုကို ဖန်တီးပါ-

class Car {
  constructor(name) {
    this.brand = name;
  }
  
  present() {
    return 'I have a ' + this.brand;
  }
}

const mycar = new Car("Ford");
mycar.present();

အထက်နမူနာတွင် သင်တွေ့မြင်နိုင်သည်အတိုင်း၊ သင်သည် ကွင်းအတွင်းမှ အရာဝတ္ထုများ၏ နည်းလမ်းအမည်ကို ရည်ညွှန်းပြီး (ပါရာမီတာများသည် ကွင်းအတွင်း၌ ရှိနေမည်)။


Class Inheritance

အတန်းအမွေဆက်ခံခြင်းကို ဖန်တီးရန် extends သော့ချက်စကားလုံးကို အသုံးပြုပါ။

class inheritance ဖြင့် ဖန်တီးထားသော class သည် အခြား class မှ method အားလုံးကို အမွေဆက်ခံသည်-

ဥပမာ

"ကား" အတန်းမှ နည်းလမ်းများကို အမွေဆက်ခံမည့် "Model" ဟု အမည်ပေးထားသော အတန်းကို ဖန်တီးပါ-

class Car {
  constructor(name) {
    this.brand = name;
  }

  present() {
    return 'I have a ' + this.brand;
  }
}

class Model extends Car {
  constructor(name, mod) {
    super(name);
    this.model = mod;
  }  
  show() {
      return this.present() + ', it is a ' + this.model
  }
}
const mycar = new Model("Ford", "Mustang");
mycar.show();

super()method သည် parent class ကိုရည်ညွှန်းသည်

constructor method တွင် method ကို ခေါ်ခြင်းဖြင့် super()၊ parent ၏ constructor method ကိုခေါ်ပြီး parent ၏ properties နှင့် method များသို့ ဝင်ရောက်ခွင့် ရရှိပါသည်။

အတန်းများအကြောင်း ပိုမိုလေ့လာရန်၊ ကျွန်ုပ်တို့၏ JavaScript Classes ကဏ္ဍကို ကြည့်ရှုပါ။