# React Project Create

ကျွန်တော်တို့ အရင်ဆုံး React ကို မလုပ်ခင်မှာဘာတွေလိုအပ်သေးတာလည်းဆိုတော့စက်မှာ&#x20;

node js လေး install လုပ်ဖို့လိုပါမယ်ပြီးတော့ vs code လေး ရှိရပါမယ် (ရှိမယ်လို့လည်းထင်ပါတယ်ဗျာ)

ရှိသွားပြီဆိုရင် ကျတော်တို့ react project လေးတစ်ခုကိုအရင်ဆုံး create လုပ်လိုက်ကြရအောင်ဗျ

ဘယ်လိုမျိုးလုပ်ကြမလဲဆိုတော့

ကျတော်တို့ react project ကို create လုပ်တဲ့ နည်းတွေအများကြီးရှိတဲ့အထဲမှာ မှ ကျတော်က တော့

လက်ရှိမှာ vite js ကို သုံးပြီးတော့ လုပ်ပြပါမယ်

ပထမဆုံး ကျတော်တို့ create လုပ်ချင်တဲ့ နေရာမှာ command prompt / terminal / git bash တစ်ခုခု&#x20;

ကိုဖွင့်လိုက်ပါ ပြီးရင်တော့ ကျတော်တို့ က ဒီcommand လေးရိုက်ပီးတော့ enter လေး ခေါက်လိုက်ပါ

```bash
npm create vite@latest 
```

အဲလိုလေးရိုက်လိုက်ရင် ကျတော်တို့ကို သူက project name လေးထည့်ခိုင်းပါလိမ့်မယ်

အဲမှာကျတော်တို့ ကြိုက်တဲ့ name ပေးလို့ရပါတယ်

Name ပေးတဲ့အချိန်မှာ ကျတော်တို့ သတိထားရမှာက uppercase letter ရေးလို့မရပါဘူးပြီးတော့&#x20;

name ကို react / react-native / next / node အဲလိုမျိုး package name တွေ သွားပေးလို့မရပါဘူး

<mark style="color:blue;background-color:blue;">Dash ( - )</mark> လေး သုံးပီးရေးလို့ရပါတယ်&#x20;

<mark style="background-color:blue;">Camel Case</mark> ကို မသုံးခိုင်းပါဘူး&#x20;

ပြီးတော့ အစစာလုံးကို number တွေ သုံးလို့မရဘူး

ဒါဆိုရင်တော့ကျတော်တို့ က ဘယ်လိုမျိုးရေးမလဲဆိုတော့&#x20;

<mark style="background-color:blue;">react-lesson1</mark>&#x20;

အဲလိုမျိုးရေးပြီးသွားရင် enter နိပ်လိုက်ပါမယ်အဲကျရင်သူက ကျတော်တို့ကို&#x20;

select လုပ်ခိုင်းပါလိမ့်မယ် arrow down key လေးနဲ့ react ကိုရွေးပီးတော့ enter ခေါက်လိုက်ပါပြီးသွားရင်&#x20;

ကျတော်တို့ကို typescript လား javascript လားရွေးခိုင်းပါလိမ့်မယ် Javascript ရိုးရိုးကိုပဲ ရွေးပီးတော့&#x20;

enter ခေါက်လိုက်ပါ&#x20;

အာ့ဆိုရင် project ကို create လုပ်လို့ပီးသွားပါလိမ့်မယ်&#x20;

<figure><img src="https://lh3.googleusercontent.com/VDfOXaBq5Np2S2DIw9ud-MxraD7Q5qidL2IRsgRiMP8pZ4IBcgybS1oDiZ-5BbzlGq9mvxxleb7SvBtGn-YxCzEciXclpxrrKjZctMO0VMQxSxBB1ZAgYChrub-6xJxv0HzQKULF8zmowWdsaCnamtQ" alt=""><figcaption><p>ပုံ - ၁</p></figcaption></figure>

<figure><img src="https://lh3.googleusercontent.com/IRl4IthD6f1X3uYGXWjTc_aOYmibrutPM40yOJNKT9TBAOcNseexnly88lSrj41Qe52WenugRn2Ab8MNsorMdiqegzDw7A-UTsBxe8jIJaZg5An89UuL0ERXfi25WeXpxxKK9QYJDtvJnL8J0QFgvsE" alt=""><figcaption><p>ပုံ - ၂</p></figcaption></figure>

အဲလိုလေးပေါ်လာပြီးသွားရင် ကျတော်တို့ project folder ထဲကို ဝင်လိုက်ပါမယ်

ပြီးသွားရင်တော့ `npm install` လုပ်လိုက်ပါမယ်

```bash
npm i
```

Install လုပ်လို့ပြီးသွားရင် ကျတော်တို့&#x20;

`Vscode` လေးကို&#x20;

```bash
code . 
```

လေးနဲ့ ဖွင့်လိုက်ပါမယ်&#x20;

ပြီးသွားရင်တော့ ကျတော်တို့ vscode ရဲ့ terminal မှာ

```bash
npm run dev
```

လေး ရိုက်လိုက်ပါမယ်အာ့ဆိုရင် သူက

```url
http://localhost:5173
```

မှာ live server လေး run ပြီးတော့

React project လေး ပွင့်လာပါလိမ့်မယ် ပွင့်လာတဲ့ project ကို ကျတော်တို့ ဖွင့်ချင်တယ်ဆိုရင်

browser မှာ `localhost:5173` လို့ရိုက်ပီးတော့ ဖွင့်လို့လည်းရသလိုသူပြလိုက်တဲ့

localhost:5173 ဆိုတာလေးကို `ctrl+left click` နိပ်ပြီးတော့လည်း ဖွင့်လို့ပါတယ်ဗျ&#x20;

အဲလောက်ဆိုရင် ကျတော်တို့ react project တစ်ခုကို create လုပ်လို့ပြီးသွားပါပီ
