فرض میگیریم یک فایل اصلی داریم به نام pages که سه فایل جاوااسکریپت دارد به نام های about ,news post این سه تا فایل فقط سه چیز navbar وfooter وprovider اصلی پروژه مشخص میکنید.
یک فایل components اصلی داریم که زیر مجموعه همه فایل های pages من و هر فایلی به یک فولدر components تقسیم بندی میکنیم مثلا about-componets و خود about زیر مجموعه های خاص خودش دارد.
مثلا فایل about که provider دارد و یک فایل about section
هر قسمت از سایت section بندی میکنیم مثلا این سایت 3تا section دارد
که این section اول که اینطوری نام گذاری میکنی about-about-header
این section دوم که اینطوری نام گذاری میشود about-about-item-withpicture که هرکدوم یک فایل جداگانه js که همشون به about-about-provider معرفی میشه که این about-about-provider به یک provider اصلی وصل میشه
اینم section سوم پروژه about است صفحه هات بعدی فرض میگیرم اینطوری است
قسمت header ،with picture یا with-video و اگر section زیاد داشت اینطور section بندی میکنی
1-post-post-header
1-post-post-item
2-post-post-item2
3-post-post-item-withpicture
3-post-post-item-withvideo
1-navbar-componets
1-footer-componets
این دو تا فایل مثل همین about قسمت بندی میکنیم
هر پروزه ای همین طوری استراکچر بندی کنیم کدهامون تا حد زیادی کم می شود.