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

နမူနာများဖြင့် သင်ယူခြင်း။

ကျွန်ုပ်တို့၏ "Show React" ကိရိယာသည် React ကိုသရုပ်ပြရန် လွယ်ကူစေသည်။ ၎င်းသည် code နှင့်ရလဒ်နှစ်ခုလုံးကိုပြသသည်။

import React from 'react';
import ReactDOM from 'react-dom';

function Hello(props) {
  return <h1>Hello World!</h1>;
}

ReactDOM.render(<Hello />, document.getElementById('root'));

လေ့ကျင့်ခန်းများဖြင့် သင်ယူခြင်း။

ReactDOM.(myElement, document.getElementById('root'));

တုံ့ပြန်မေးခွန်း

သင်၏ တုံ့ပြန်မှုစွမ်းရည်ကို ပဟေဋ္ဌိတစ်ခုဖြင့် စမ်းသပ်ပါ။

တုံ့ပြန်မေးခွန်း

React အက်ပ်ကို ဖန်တီးပါ။

React ကို လေ့လာပြီး စမ်းသပ်ရန်၊ သင့်ကွန်ပြူတာတွင် React Environment ကို သတ်မှတ်ရပါမည်။

ဤသင်ခန်းစာတွင် create-react-app.

ကိရိယာသည် React အ create-react-appပလီကေးရှင်းများကို ဖန်တီးရန် တရားဝင်ပံ့ပိုးထားသော နည်းလမ်းတစ်ခုဖြစ်သည်။

Node.js ကိုအသုံးပြုရန် လိုအပ်ပါသည် create-react-app။

သင့်အပလီကေးရှင်းကိုဖန်တီးလိုသည့် လမ်းညွှန်တွင် သင်၏ terminal ကိုဖွင့်ပါ။

React အမည်ရှိ အပလီကေးရှင်းတစ်ခု ဖန်တီးရန် ဤ command ကို run ပါ my-react-app။

create-react-app React အပလီကေးရှင်းကိုဖွင့်ရန် သင်လိုအပ်သမျှကို စနစ်ထည့်သွင်းပါမည်။

React Application ကို Run လိုက်ပါ။

my-react-appလမ်းညွှန် သို့ရွှေ့ရန် ဤအမိန့်ကို လုပ်ဆောင်ပါ ။

React အပလီကေးရှင်းကို လုပ်ဆောင်ရန် ဤ command ကို run ပါ my-react-app။

သင့်အသစ်ဖန်တီးထားသော React အက်ပ်နှင့်အတူ ဘရောက်ဆာဝင်းဒိုးအသစ်တစ်ခု ပေါ်လာပါမည်။ မဟုတ်ပါက သင့်ဘရောက်ဆာကိုဖွင့်ပြီး localhost:3000လိပ်စာဘားတွင် ရိုက်ထည့်ပါ။

ရလဒ်:

သိထားသင့်တဲ့အရာ

React.JS ကို မစတင်မီ၊ သင်သည် အလယ်အလတ် အတွေ့အကြုံ ရှိသင့်သည်-

• HTML
• CSS
• JavaScript

ECMAScript 6 (ES6) တွင် မိတ်ဆက်ထားသော JavaScript အင်္ဂါရပ်အသစ်များနှင့် အတွေ့အကြုံအချို့ကိုလည်း သင့်တွင်ရှိသင့်ပြီး React ES6 အခန်းတွင် ၎င်းတို့အကြောင်း လေ့လာနိုင်မည်ဖြစ်သည်။