A
Т.е. pug — это хорошо, но я бы договорился с командой не юзать миксины, т.к. для этого есть компоненты. Как-то так.
По мне тож многовато уровней абстракции...
Size: a a a
2020 September 18
AP
Т.е. pug — это хорошо, но я бы договорился с командой не юзать миксины, т.к. для этого есть компоненты. Как-то так.
это как бы и не компоненты, у них общий скоуп, не всегда удобно что-то выносить в компонент особенно в свелт
AP
ID:0
#tutorial #component #reusable
https://medium.com/javascript-in-plain-english/create-reusable-svelte-components-for-your-page-layouts-9593b1a60b08
https://medium.com/javascript-in-plain-english/create-reusable-svelte-components-for-your-page-layouts-9593b1a60b08
Руководство как делать не надо. Особенно вот это вот явно показывает где же у свелта проблемы:
$: if(main) {
main.style.setProperty('--header-height', headerHeight + 'px');
main.style.setProperty('--footer-height', footerHeight + 'px');
} main.header {
padding-top: var(--header-height, 0px);
}
main.footer {
padding-bottom: var(--footer-height, 0px);
}AP
ну и дабл скролл на гифке как бы намекает
КН
это как бы и не компоненты, у них общий скоуп, не всегда удобно что-то выносить в компонент особенно в свелт
Эт значит высокая связанность. Это скорее флажочек, что нужно это разгрести.
КН
Хотя я нуб в Svelte, но набрал себе граблей в React.
AP
Эт значит высокая связанность. Это скорее флажочек, что нужно это разгрести.
если бы высокая связанность в свелте нормально разгребалась, то ок =) только вот отпилив в компонент ты не сможешь этому компоненту из родителя задать банальный маржин
КН
если бы высокая связанность в свелте нормально разгребалась, то ок =) только вот отпилив в компонент ты не сможешь этому компоненту из родителя задать банальный маржин
О. Так это же замечательно!
AP
а ну ясно, то есть вы из тех кто элемент в контейнере позиционирует из самого элемента а не из контейнера? и говорите о связанности?
КН
С марджином — это самый пограничный случай. Но позиционирование детей — ответственность родителя, как бы.
AP
именно, и свелте не позволит это сделать
КН
именно, и свелте не позволит это сделать
А нет либ типа Rebass?
КН
Чтобы <Box ml={1} />
КН
Где 1 — это кратность размера, шаг которого задаётся в теме проекта.
AP
ну не всем же подходят такие либы
AP
не у всех верстка по сеткам
КН
не у всех верстка по сеткам
А это не про сетки. Ну, если вы предпочитаете задавать конкретные значения размеров, это тоже реализуемо. Только не совсем правильно, имхо.
КН
Кстати. А я могу как-нибудь вычислять стили на основе переменных?
AP
Ну я предпочитаю нормальные явные марджины задавать, потому что поддерживаю RTL. Да и дизайн у нас не такой что все отступы под какой-то стандарт укладываются. Меня устраивает передача класса на верхнюю ноду ребенка для задания позиционирования, но этого свелт не позволяет делать.
AP
Кстати. А я могу как-нибудь вычислять стили на основе переменных?
ну цсс переменные же нативная функция браузера страрше ие11