PM
точно также как сейчас спокойно работают экшены и визуально разницы особой нет:
<div use:action={{ param }}></div>
<div transition:fade={{ param }}></div>Size: a a a
2020 November 28
PM
только во втором случае при изменении param транзишн не выполняется
PM
Кирилл Спасибович
ок, а в свелт как делать ?
в свелт анимации работают не так как в рактив и тут видимо нужно чтобы нода ререндерилась
PM
Кирилл Спасибович
а я чето думал что анимацию можно как-то попроще реализовать
это ты говоришь о css анимациях. их и нужно использовать для кейсов когда элементы не исчезают из dom
КС
это ты говоришь о css анимациях. их и нужно использовать для кейсов когда элементы не исчезают из dom
ну если обновляется циферка в маленьком блоке, и нужно чтобы это было заметно для юзера, как тогда делать лучше ?
PM
встроенные анимации нужны именно потому что css ничего не знает о life-cycle элементов, которым управляется свелт
КС
типа щас угорают и на key делают такое
КС
или на хаке с each и key
PM
Кирилл Спасибович
ну если обновляется циферка в маленьком блоке, и нужно чтобы это было заметно для юзера, как тогда делать лучше ?
если элемент в котором рисуется циферка не исчезает из DOM и не появляется там снова, то свелт транзишены не нужны
КС
если элемент в котором рисуется циферка не исчезает из DOM и не появляется там снова, то свелт транзишены не нужны
это понятно, как делать то лучше тогда ?
PM
Кирилл Спасибович
это понятно, как делать то лучше тогда ?
лучше конечнчо просто CSS
КС
через use и туда передавать какой-то update который добавит класс ?
КС
вот я и хочу узнать как это css лучше интегрировать в свелт
КС
может пример какой-то есть
КС
beforeUpdate afterUpdate как-то не очень, т.к. это на весь компонент
PM
работа с цсс анимациями в свелт не будет отличаться от такой же работы без свелт
PM
с чего бы вдруг рендерить блоками это плохо, и кто решил что должно рендериться точечно. Почему в итерациях ключи это ок и там будет рендер блоками, а тут вдруг стало плохо.
потому что точечно рендерить эффективнее. кстати, что ты имеешь ввиду под "рендерится блоками"? в свелт нет ререндера всех элементов в each если изменились данные, но не изменился порядок элементов
PM
если подразумевается что может измениться и порядок, тогда надо юзать ключи и тогда тоже перерендера не будет
PM
ключ и используют потому что перендерить блок точечно так как нужно может стоит больших усилий кодинга\отладки\даже системных ресурсов, чем выбросить и нарисовать заново.
это с чего интересно ты это взял?
PM
вот например у нас есть массив объектов. если изменятся какое-то поле в объекте массива, то выгоднее не перерендеривать весь список или даже один элемент. выгоднее просто пропатчить те места где используется измененное значение. разве нет?