React အက်ပ်လီကေးရှင်း ထည့်သွင်းခြင်းနှင့် ပြင်ဆင်ခြင်း

ဤသင်ခန်းစာတွင်၊ ကျွန်ုပ်တို့သည် React အက်ပ်လီကေးရှင်းကို ထည့်သွင်းပြင်ဆင်ခြင်းဖြင့် စတင်ပါမည်။ အဘယ့်ကြောင့်ဆိုသော် နောက်ပိုင်းတွင် Redux နှင့် တွဲဖက်အသုံးပြုရန်အတွက်ဖြစ်သည်။ Redux ပါဝင်သည့် React အက်ပ်လီကေးရှင်း တည်ဆောက်ရာတွင် ပိုမိုမြန်ဆန်သော နည်းလမ်းများရှိပါသည် (အထူးသဖြင့် အစပြုသူများအတွက် လွယ်ကူသည်ဟု အမြဲမဆိုလိုပါ)။ ၎င်းတို့ကို တရားဝင် လမ်းညွှန်စာရွက်စာတမ်းများတွင်ဖော်ပြထားသော်လည်း၊ ကျွန်ုပ်တို့သည် အစမှ စတင်သွားပါမည်။

ပထမဦးစွာ၊ Vite ကိုအသုံးပြု၍ React အက်ပ်လီကေးရှင်း my-app ကိုဖန်တီးပါမည်။ (၎င်းသည် Webpack ၏ ခေတ်နောက်ပိုင်း အစားထိုးတစ်ခုဖြစ်သည်)။ ဤသို့လုပ်ဆောင်ရန်အတွက် တာမီနယ် ကိုဖွင့်ပြီး အောက်ပါ command များကိုရိုက်ထည့်ပါ (တင်ပြထားသော ရွေးချယ်စရာများရှိပါက၊ React နှင့် ထို့နောက် JavaScript ကိုရွေးချယ်ပါမည်)။

npm create vite@latest my-app -- --template react
cd my-app
npm install

ဖန်တီးထားသော အက်ပ်လီကေးရှင်းကို စတင်လည်ပတ်ပါမည်။

npm run dev

ဘရောက်ဆာတွင် တင်ပြထားသောလင့်ခ် http://localhost:5173/ ကိုဖွင့်ပါ။ ရင်းနှီးပြီးသားစခရင်ကို မြင်တွေ့ရမည်။ အားလုံး အလုပ်လုပ်နေပါပြီ။

ယခုအခါ မလိုအပ်သောအရာများကို ဖယ်ရှားပါမည်။ public ဖိုလ်ဒါကို ရှင်းလင်းပါ။ src ဖိုလ်ဒါထဲတွင် main.jsx, index.css နှင့် App.jsx ကိုသာ ချန်ထားပါ (index.css နှင့် App.jsx အတွင်းရှိ အကြောင်းအရာအားလုံးကို ဖျက်ပစ်ပါ)။

index.html ဖိုင်ထဲရှိ ခေါင်းစဉ်စာသားကို အောက်ပါအတိုင်း ပြောင်းလဲပါ။

<title>React Redux App</title>

React အက်ပ်လီကေးရှင်းကို ဖန်တီးပြီး အလုပ်လုပ်နေကြောင်း သေချာစေပါ။

မလိုအပ်သော ဖိုင်များနှင့် ဖိုလ်ဒါများကို ဖယ်ရှားပါ။