سلام استاد من یک سوال اساسی داشتم آیا میشه اول قالب html و css رو بنویسیم بعد بیایم تبدیل به ری اکت کنیم؟ کدوم روش بهتر هست به نظر شما در پروژه ی واقعی؟ همچنین معمولا بخش های مربوط به onclick یا کدهای جاوااسکریپتی که موجب پویاسازی بیشتر پروژه میشن(مثل کدهای مربوط به شخصی سازی ویدیو پلیر) معمولا در یک فایل اسکریپتی قرار میگیرن و در انتهای body پیوست میشن اما شما اونهارو با پروژه ی ری اکت ادغام کردین. میخواستم بدونم این روال کار هست یا میشه مثلا کدهای جاوااسکریپت رو جدا کرد؟ چون در پروژه های بدون ری اکت اینطور پیش میرن. من یک مقدار در این زمینه هنوز گیج هستم راستش. حتی از قبل از دوره ی شما هم این سوال رو داشتم.
سلام دوست عزیز
ببینید یه موقعی هست که شما یک پروژه رو با HTML (صرفا با HTML) نوشتید و الان می خواهید که پروژه تون رو ارتقا بدین و با نکست یا ری اکت یا ویو یا ... بنویسیدش. توی این مورد شما چاره ای جز انتقال کد ها و ساخت کامپوننت های مختلف و ... ندارید. اما اگر شما می خواهید یک پروژه رو از 0 شروع کنید بهتر هست که از همون ری اکت (JSX) استفاده کنید و دوباره کاری نکنید. هم از لحاظ زمان صرفه جویی میشه و هم از لحاظ باگ هایی که میتونه اذیت تون بکنه راحت میشید. توصیه من این هست که چندتا پروژه ساده HTML رو به ری اکت تبدیل کنید تا کاملا با ساختار JSX و کامپوننت و ... آشنا بشین و دستتون راه بیافته. بعد از این تمرین مطمئن باشید که خودتون راحتی کار رو با ری اکت و ننوشتن دوباره کد ها توی HTML متوجه میشید.
درباره سوال دوم شما:
ببینید ما توی پروژه های HTML چاره ای جز استفاده از پکیج ها به این صورت که بهشون لینک خارجی یا لینک داخلی بدیم نداریم و HTML صرفا امکانتش برای ما همین هست. اما در ری اکت ما داریم JS , HTML رو انگار باهم دیگه می نویسیم. این به ما اجازه میده که پکیج ها رو نصب کنیم در پروژه مون و بتونیم هر قسمتی از اون رو که نیاز داریم تحت عنوان یک فانکشن یا کلاس یا کامپوننت صدا بزنیم. این کار خوبی نیست که بیایم به همون روش سنتی قبل این کار رو انجام بدیم.
ادغام کردن کد های JS , HTML هم درواقع یک نعمت بزرگ در ری اکت محسوب میشه! شما هر قسمت سایت رو بصورت یک کامپوننت جدا مینویسید و فقط کافیه که صداش بزنید.(این میشه یک اپ ماژولار که در آینده هر چقدر هم پروژه تون بزرگ بشه تغییر و بروزرسانی قسمت های سایت تون ساده است.)