NextJS ဖရိန်းဝပ်ခ်တွင် Server Components များ

ယခင်သင်ခန်းစာတွင် ကျွန်ုပ်တို့ဖန်တီးခဲ့သော ကွန်ပြူနာကို လေ့လာကြည့်ရအောင်။

export default function Test() {
	return <h1>hello, user!</h1>;
}

ယခင်က ဖော်ပြခဲ့သလိုပင်၊ NextJS တွင် ပုံသေအားဖြင့် ကွန်ပြူနာအားလုံးသည် server components များဖြစ်သည်။ ထို့အပြင် state များနှင့် အလုပ်လုပ်ခြင်း သို့မဟုတ် အခြားသော ဆင်တူ hooks များမှ လွဲ၍ JSX ၏ လုပ်ဆောင်ချက်အားလုံးကို ကျွန်ုပ်တို့ ရရှိနိုင်သည်။

နမူနာအနေနှင့် variable တစ်ခု ဖန်တီးပြီး ၎င်းကို ဝဘ်စာမျက်နှာအဖြစ် ပြသကြည့်ရအောင်။

export default function Test() {
	let name = 'user';
	return <h1>hello, {name}!</h1>;
}

ထုတ်ကုန်များ array ရှိပါသည်။

let prods = [
	'prod1',
	'prod2',
	'prod3',
];

သင့် server component အတွင်းul list အဖြစ် ထိုထုတ်ကုန်များကို loop အသုံးပြု၍ ဖော်ပြပါ။