
index.html אחד.index.html, וכל שאר הקומפוננטות נשתלות בתוכה.הטקסט המלא של הדקות הראשונות בהרצאה «מה זה מבנה בסיסי של אתר - React Layout ?» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.
אנחנו מגיעים לנושא הראשון שבו אנחנו הולכים לפתח משהו באפליקציה שאנחנו בונים והנושא הזה נקרא Site Layout, ה-Layout של האתר שלנו. קודם כל בואו נבין מה זה Layout.
Layout בעצם זה הסידור הכללי של המרכיבים השונים באתר, הסידור הכללי של כל דף. בואו נניח שיש לנו מספר דפים, יש לנו תפריט כלשהו שלוחצים עליו וכל פעם רואים דף אחר.
אפילו שאנחנו בונים סינגל פייג' אפליקיישן, עדיין יש את החוויה של תפריט עם מספר דפים. היוזר לא באמת יודע שמאחורי הקלעים יש לנו אינדקס html אחד, מבחינתו יש כמה דפים. ואנחנו רוצים שבכל הדפים האלה תהיה איזושהי כותרת כאן למעלה, ובכל הדפים האלה, פה למטה, יהיה זכויות יוצרים.
ומשני הצדדים אני רוצה פרסומות, פה אני רוצה איזו פרסומת מסוימת, פה אני רוצה איזה פרסומת אחרת ובוא נניח שכאן אנחנו רוצים את התפריט שלנו ופה אנחנו רוצים את התוכן והסידור הזה אנחנו רוצים לא משנה איזה דף אנחנו רואים בוא נניח שכאן יש לנו את התפריטים השונים בוא נניח שנרשום כאן והום ופה יש לנו את האבאוט ופה יש לנו את הפרודקטס ויש לנו בוא נניח קונטקט אס נרשום
פה גם נקרא לזה קונטקט כרגע רגע כי זה מה שנכנס לי למקום פה אז בוא נניח שזה התפריט שלנו אני לוחץ על home פה אני רוצה לראות את דף הבית אבל כל הדברים האחרים נשארים as is אם יש לי פה כותרת היא נשארת אם יש לי זכויות יוצרים למטה זה נשאר פרסומות פה בוא נניח נשארות או כל מיני מבצעים שאני יכול לשים פה נשארים about רק התוכן הזה
מתחלף הכל נשאר אותו הדבר מוצרים אני רואה אותם פה אבל הכל נשאר אותו הדבר דבר וכולי וכולי אז כל המבנה הכללי הזה של החלקים השונים נחשב layout של האתר ואנחנו רוצים את ה-layout הזה בכל אחד מהכביכול דפים שיש לנו אם היינו בונים את האתר הזה בעזרת דפים שונים של html היינו צריכים לחזור
על הקוד הזה בכל אחד מהדפים וכמובן יש שכפול קוד כל קובץ html היינו צריכים לרשום פה את הכותרת ופה את האזורים בצד שאנחנו נשים בהם