ساختار پوشه ها

استاد اگه تمپلیتی که بهمون تحویل بدن انیمیشن هایی داشته باشه که با کتابخانه‌های جاوااسکریپتی مثل gsap ساخته شده باشه اونو چجوری باید تبدیلش کنیم آیا ریکت کتابخانه هایی برای اینکاره داره مثلا کاره همین gsap رو انجام بده یا اگه نه چجوری باید هندلش کنیم چون شما قبلن گفته بودین از کوئری سلکتور و اینجور چیزا بهتره استفاده نکینم و این کتابخانه از این طریق کار میکنن .

و اینکه وقتی از گیت یا مثلا همین پیوست هایی که خودتون میزارین رو دانلود میکنیم بعضی فایل هارو نداره چجوری باید اونارو اضافه کنیم(مثلا node modules )

و بعد اینکه ماحتما همیشه مجبوریم که دستور npm start رو بزنیم تا پروژه اجرا بشه و اگه فایل index.html رو باز کنیم هیچ خروجی ای نداریم سوال اینجاس پس کاربر چطور رو مرورگرش میتونه پروژه ببینه بدون اینکه با ترمینال کار کنه؟

برای دسترسی مستقیم به Dom elements از ref استفاده میشه کرد. در مورد انیمیشن هم اکثر موارد با استفاده از همین ref میتونید موارد رو اعمال بکنید. برای استفاده از gsap هم میتونید مثال‌های خودش رو در این صفحه مشاهده بکنید.

برای نصب وابستگی‌های پروژه از npm install استفاده میکنیم و موارد مورد نیاز نصب میشه

برای خروجی گرفتن از پروژه باید کانفیگ مناسب انجام بشه و اگر از create react app استفاده کرده باشید با استفاده از npm build میتونید از پروژه خروجی بگیرید

اگر هر کدوم شفاف نیست اعلام بکنید که بیشتر توضیح بدم

مجتبی سوری ۲۹ آذر ۱۴۰۰، ۱۶:۵۶

ممنون بابت پاسخگویی

فقط بحث جواب آخر منظورتون از کانفیگ‌های مناسب چیه دقیق متوجه منظورتون نشدم و اینکه شما از فایل .env صحبت کردین و گفتین که یکی از چیزایی باید به صورت محیطی تغییر کنه آدرس api هایی هست که بهش درخواست میفرستیم که وقتی روی سرور قرار میگیره تغییر میکنه میشه یه مثال ازش بزنین

مبین طهماسبی اصل ۳۰ آذر ۱۴۰۰، ۰۶:۰۱

برای اینکه پروژه react قابل استفاده باشه باید یکسری تبدیل‌ها و بهینه سازی‌ها انجام بشه که به عنوان مثال میشه از webpack یا ابزارهای مشابه استفاده کرد

برای این مورد یا از کانفیگ و ابزارهای آماده مثل NextJs، create react app و ... استفاده میکنیم یا اینکه خودمون با توجه به نیازمون یه کانفیگ اختصاصی مینویسیم (که خیلی هم کار پیچیده ای نیست و نمونه‌های اماده اون اگر سرچ بکنید react boilerplate پیدا میشه)

بخوام جمع بندی بکنم باید jsx تبدیل به js بشه و یه سری بهینه سازی مثل کاهش حجم کد انجام بشه که بتونیم اون رو منتقل بکنیم به سرور و از خروجی پروژه استفاده بکنیم

بهترین پاسخ

مجتبی سوری ۳۰ آذر ۱۴۰۰، ۱۴:۵۴