React Framework တပ်ဆင်ခြင်း

Framework ကို တပ်ဆင်ရန် သင့်ကွန်ပျူတာတွင် NodeJS 22+ လိုအပ်ပါမည်။ ပရောဂျက်အသစ်ဖန်တီးရန် စကားဝှက်စာကြောင်းတွင် အောက်ပါ command ကို run ပါ။

terminalnpm create vite@latest my-app -- --template react

ထို့နောက် အောက်ပါ commands များကို run ပါ။

terminalcd my-app
npm install
npm run dev

ထို့နောက် သင့်တွင် my-app folder ပေါ်လာပါမည်၊ ၎င်းထဲတွင် framework ပါဝင်ပါသည်။ ထို folder အတွင်း src folder ကို ရှာပါ။ ၎င်းသည် သင်၏ project ကို ဖွံ့ဖြိုးတည်ဆောက်ရမည့် အလုပ်လုပ်ကိုင်ရာ folder ဖြစ်ပါလိမ့်မည်။

src folder အတွင်း App.js file ကို ရှာပါ။ နီးစပ်လာမည့် သင်ခန်းစာများတွင် ဤ file သည် သင်၏ အဓိက အလုပ်လုပ်ရာ file ဖြစ်လာမည်။ ၎င်းထဲတွင် ကုဒ်များရေးသားပြီး ၎င်း၏ ရလဒ်များကို browser ပြတင်းပေါက်တွင် ကြည့်ရှုနိုင်ပါမည်။

ဤ file ကို editor ဖြင့် ဖွင့်ပြီး အပိုအယောင်များအားလုံး ဖျက်၍ အောက်ပါပုံစံအတိုင်း ပြင်ဆင်ပါ။

App.jsimport React from 'react';

function App() {
  return <div>
    text
  </div>;
}

export default App;

သင်၏ project တပ်ဆင်ပြီးသည့်နောက် နောက်တစ်ကြိမ် စတင်ရန် (ဥပမာ - ကွန်ပျူတာ ပြန်ဖွင့်ပြီးနောက်) သင်၏ terminal မှ my-app folder ထဲသို့ ဝင်ရောက်ပြီး အောက်ပါ command ကို run ရန် လုံလောက်ပါသည်။

terminalnpm run dev