آشنایی با ساختار فایل ها در ری اکت (قسمت ششم)

قبل از شروع کدنویسی بهتر است با ساختار فایل بندی خام یک پروژه react آشنایی پیدا کنید.

یک پروژه React از قسمت های زیر تشکیل شده است.

پوشه ها عبارتند از:

1. پوشه node_modules: این پوشه حاوی پکیج هایی است که توسط npm نصب شده است. این پکیج ها ممکن است بواسطه create-react-app نصب شده است و برخی از آنها در فایل package.json فراخوانی شده اند.
2. پوشه src: این پوشه حاوی فایل های اسکریپت، سی اس اس و تصاویر است که قرار است در پروژه شما مورد استفاده قرار بگیرد.فایل logo.svg: لوگوی مربوط به قالب پیش فرض است.
   فایل serviceWorker.js: مربوط به تنظیمات pwa یا progressive web app یعنی نرم افزار پیش رونده می باشد.
   فایل app.js: در این فایل کدهای اصلی react قرار می گیرد.
   فایل index.js: رابط بین app.js و index.html است و حالت dom را پیاده سازی می کند
   
3. پوشه public: این پوشه مربوط به خروجی پروژه ما می‌باشد و حاوی سه فایل اصلی favicon, index.html,manifest.json می‌باشد. فایل index.html تنها فایلی است که قرار است پروژه شما را بصورت single page لود کند. تمامی مقادیر نهایی در تگی با آی دی root لود می شود.فایل favicon: که با پسوند ico. است در خروجی و در تب مرورگر بعنوان آیکن لود میشود.
   فایل manifest.json: مربوط به تنظیمات اجرای pwa در سایت شما می‌باشد.

مشاهده ادامه در لینک زیر:

https://dejavan.ir

سخن پایانی

این بود یکی دیگر از آموزش react در صورت داشتن سوال یا نظر اون رو با من در میان بزارید.

من امیر جوان میر هستم گرافیست و توسعه دهنده وب از سال 1390

instagram: https://www.instagram.com/amir.javanmir/

تمامی حقوق این مطلب متعلق به سایت دیزاینر جوان می باشد هرگونه استفاده از این مطلب با ذکر منبع آن بلامانع است.

website: https://dejavan.irinstagram: https://instagram.com/designer.javantwitter: https://twitter.com/designer_javanTelegram: https://t.me/designer_javan

سایر مطالب