PM
Вопрос лишь в цели - если не кейс, что я описал выше, то не понятно, зачем
Экшены имхо проще всего понять как «лайфсайкл для DOM элементов синхронизированный со Svelte»
Size: a a a
2020 September 22
PM
Кейсов полно, самый базовый - засинкать ванильную либу со state-based флоу свелта
PM
Экшн это просто функция которая вызывается при монтировании ноды и может принимать кусок стейта компонента и возвращать объект с метолами update и destroy,для обновления и подчистки
МТ
Экшн это просто функция которая вызывается при монтировании ноды и может принимать кусок стейта компонента и возвращать объект с метолами update и destroy,для обновления и подчистки
Кстати, а если повесить экшн* на родителя, то экшн отработает тогда, когда все дочерние компоненты смонтируются и можно будет абсолютно любой дочерний тег через querySelector получить?
PM
МТ
Или только на 1 уровне вложенности можно ноды получить?
PM
Марк Танащук
Кстати, а если повесить экшн* на родителя, то экшн отработает тогда, когда все дочерние компоненты смонтируются и можно будет абсолютно любой дочерний тег через querySelector получить?
Не помню, не частый кейс для меня. Чекни и расскажешь, но думаю в рамках компонента разметка будет доступна.
МТ
Кейс:
Здесь если в getNode используя querySelector получить firstLevelTag, то все ок, а если использовать
<div use:getNode>
<Components/>
<div class="firstLevelTag"></div>
</div>
Здесь если в getNode используя querySelector получить firstLevelTag, то все ок, а если использовать
querySelector('.secondLevelTag') (в Components который лежит) то результат я наблюдал странныйМТ
если нод штук 50 то оно могло то работать то не работать
МТ
Воспроизводится ошибка только если устройство на котором код воспроизводится достаточно лагучее, по этому репл не вышло создать :(
PM
Марк Танащук
Кейс:
Здесь если в getNode используя querySelector получить firstLevelTag, то все ок, а если использовать
<div use:getNode>
<Components/>
<div class="firstLevelTag"></div>
</div>
Здесь если в getNode используя querySelector получить firstLevelTag, то все ок, а если использовать
querySelector('.secondLevelTag') (в Components который лежит) то результат я наблюдал странныйТак себе кейс, в том смысле что делать так уж точно не надо - лезть в другой компонент с селектом по дому
МТ
Так себе кейс, в том смысле что делать так уж точно не надо - лезть в другой компонент с селектом по дому
Components - просто обертка над each с стилями
PM
Вообще похоже как и сказал - в рамках компонента должно быть ок
2020 September 23
AT
на хабре дизайн обновили?
MZ
Экшены имхо проще всего понять как «лайфсайкл для DOM элементов синхронизированный со Svelte»
Паша, у тебя есть на примете что почитать на тему приёмов работы с ванильными js библиотеками?
PM
Паша, у тебя есть на примете что почитать на тему приёмов работы с ванильными js библиотеками?
Да там нечего особо изучать то:
function myaction(node, state) {
// тут монтируем ванильную либу на ноду и делаем работу, используя state и отстреливая ивенты на node
return {
update(newState){
// тут согласуем ванилу с новым state
},
destroy() {
// тут чистим все что понаделали: уделяем либу с ноды, чисти обработчики и тп
}
}
function myaction(node, state) {
// тут монтируем ванильную либу на ноду и делаем работу, используя state и отстреливая ивенты на node
return {
update(newState){
// тут согласуем ванилу с новым state
},
destroy() {
// тут чистим все что понаделали: уделяем либу с ноды, чисти обработчики и тп
}
}
MZ
Да там нечего особо изучать то:
function myaction(node, state) {
// тут монтируем ванильную либу на ноду и делаем работу, используя state и отстреливая ивенты на node
return {
update(newState){
// тут согласуем ванилу с новым state
},
destroy() {
// тут чистим все что понаделали: уделяем либу с ноды, чисти обработчики и тп
}
}
function myaction(node, state) {
// тут монтируем ванильную либу на ноду и делаем работу, используя state и отстреливая ивенты на node
return {
update(newState){
// тут согласуем ванилу с новым state
},
destroy() {
// тут чистим все что понаделали: уделяем либу с ноды, чисти обработчики и тп
}
}
Спасибо. Чувствую у меня ещё будет несколько вопросов на эту тему. Нужно только всё переварить ))
PM
Спасибо. Чувствую у меня ещё будет несколько вопросов на эту тему. Нужно только всё переварить ))
Без проблем