Загрузка...

Почему в проектах убермиллион папок и файлов, почему каждый компонент отдельно.

Тема в разделе Frontend создана пользователем insentientsoul 13 мар 2024. 155 просмотров

Загрузка...
Сортировать
  1. insentientsoul
    Скопировать BBCode
    insentientsoul Автор темы 13 мар 2024 2 21 июн 2022
    Парни, помогайте, я еще зеленый, но хочу фаст продвинуться для начала в вёрстке, папка с моими проектами выглядит +- так как на 1 фото, но наблюдая за блогерами верстающих в прямом эфире, я вижу у них убермиллион файлов и папок, среди которых ( для меня не понятно почему) люди верстают отдельно в разных файлах ( header.html , footer.html , и всякая хуйня) я же, пишу только в index.html , та же ситуация с css/scss файлами( допустим это я могу понять, в одном файле стили, в другом сбросы, гдето еще что то, и всё это объединяется в главный style.css допустим, но почему бля пишут стили для каждого блока отдельно, я не понимаю(фото3))
    Спасите мою заблудшую душу, помогите разобраться что тут и как, как правильнее и эффективнее писать, и почему разрабы делают так.
    [IMG][IMG][IMG]
     
    13 мар 2024 Изменено
  2. Jargonium
    Скопировать BBCode
    Jargonium 13 мар 2024 КНОПКА БАБЛО$ - https://lolz.live/threads/8464084/ 8897 25 ноя 2020
    Чтобы всё было отдельно и чётко сгруппировано. Если сложный код у каждой из частей сайта, так проще работать, чтобы не запутаться.
     
    13 мар 2024
  3. webcache
    Скопировать BBCode
    webcache 13 мар 2024 Кстати реквизиты в описании 1492 17 мар 2020
    Над архитектурой проекта надо всегда думать, иначе в один момент твой проект станет слишком большим и сложным для дальнейшей поддержки. Поэтому делить на компоненты это правильное решение для обеспечения модульности
     
    13 мар 2024
  4. Alex_1699
    Скопировать BBCode
    Alex_1699 13 мар 2024 Скупаю майн lolz.live/threads/3052169/ 8173 15 сен 2019
    Тебе проще будет работать с 100 строками кода или с 10000?
     
    13 мар 2024
  5. Апатия
    Скопировать BBCode
    Апатия 13 мар 2024 444 992 15 июн 2021
    У тебя потом голова лопнет когда в одном index.html у тебя будет 20000 строк, зачем усложнять себе жизнь? а так все структурировано и понятно
     
    13 мар 2024
    1. Посмотреть предыдущие комментарии (2)
    2. Alex_1699
      13 мар 2024
    3. Апатия
      insentientsoul, ну вообще как правило делается все на .php файлах, так что например у тебя есть некий index.php и content.php и тебе нужно чтобы этот контент оказался в определенном месте в index файле тебе просто нужно

      HTML
      <!-- index.html -->
      
<!DOCTYPE html>
      
<html lang="en">
      
<head>
      
    <title>title</title>
      
</head>
      
<body>
      
    <p>какой то текст</p>
      
    <div><p>какой то блок с текстом</p></div>
      
    <?php include 'content.php'; ?>
      
    <div><p>еще какой то блок с текстом</p></div>
      
</body>
      
</html>
      и этот контент будет вставлен в указанное место, так же это удобно когда тебе нужно какой то контент подгружать в несколько разных файлов, позволяет избегать дублирования кода
      13 мар 2024 Изменено
    4. insentientsoul Автор темы
      Апатия, теперь понятнее, спасибо, посмотрю с парочку видосов реальной вёрстки и пойму лучше. :finger_up:
      13 мар 2024
  6. skyenot
    Скопировать BBCode
    skyenot 13 мар 2024 6815 6 июн 2019
    Когда нет никакого сборщика, но всё же CSS разбит по файлам - тебе уже ответили, что так тупо удобнее. Понятнее, что за что отвечает.

    На скрине 2 есть gulp. Я с ним не работал, но подозреваю, что он делает то же, что и многие фреймворки под капотом примерно - все компоненты вставляет туда, где на них есть ссылка.
    Типа у тебя тут есть компоненты Select и Tabs, которые будут не один раз использоваться. Проще ведь написать один раз весь нужный код, а в других местах его переиспользовать. Типа такого: <Select values={[1,2,3]} />.

    Субъективный совет: не лезь ты в PHP, если у тебя прям цели такой нет в нем разобраться. Сайтик какой-нибудь проще в React сверстать, а для релиза все компилируется в пару файлов, где сразу уже все работает без посторонних раннеров
     
    13 мар 2024 Изменено
  7. Miladora
    Скопировать BBCode
    Miladora 13 мар 2024 :coder: 10 177 30 июн 2019
    Если большой проект то так проще ориентироваться. А если маленький то разбил на пару файлов - функции, бд, хендлеры и тд и кайфуешь
     
    13 мар 2024
Top