sveltejs | Unsorted

Telegram-канал sveltejs - Svelte [svɛlt] - All about Svelte JavaScript framework

1680

📮Тест на вход придёт в личку 💥Без никнейма не впустим Правила: https://t.me/sveltejs/764 Доки: https://svelte.dev/docs Паблик: @sveltejs_public Вакансии: @sveltejs_jobs VK: https://vk.com/sveltejs_ru Админы: @stalkerg, @misharodshtein

Subscribe to a channel

Svelte [svɛlt] - All about Svelte JavaScript framework

Когда таких условий много (50/100 модалок), нужен максимально декларативный способ описания условий. Концепт со сторами показался максимально близким к dsl

Читать полностью…

Svelte [svɛlt] - All about Svelte JavaScript framework

function createDelay(delay: number) {
let delayed = $state(false);
setTimeout(() => {
delayed = true;
}, delay);
return () => delayed;
}

Usage in effect:
const delay = createDelay(2000);
user.userId && delay() && showModal()

Читать полностью…

Svelte [svɛlt] - All about Svelte JavaScript framework

Получается это еще 1 шаг в получении результата как и другие… ясно.

Читать полностью…

Svelte [svɛlt] - All about Svelte JavaScript framework

Они нужны с точки зрения продукта, чтобы подождать чуть чуть после перехода на целевую страницу, перед показом промо

Читать полностью…

Svelte [svɛlt] - All about Svelte JavaScript framework

Может быть set отредачить или get? По типу того, что например мы вызываем стор и в set параметре можно задать тайм-аут, чтобы он поменял значение с задержкой, там же он и проверит все условия, я щас уже не соображаю, но что-то постарался выдавить, может на мысль какую натолкнет

Читать полностью…

Svelte [svɛlt] - All about Svelte JavaScript framework

вроде такого:

function createDelay(delay:number) {
let delayed = $store(false)
setTimeout(() => {delayed=true}, delay)
retrurn delayed
}

Читать полностью…

Svelte [svɛlt] - All about Svelte JavaScript framework

я думал сделать функцию, которая возвращает новый $store, который бы возвращал $store(false), и сразу запускал бы setTimoute(delayTime) на изменение этого значения на true

Читать полностью…

Svelte [svɛlt] - All about Svelte JavaScript framework

Проверку условий вывести в отдельную функцию, и запускать дважды. В начале и после задержки

Читать полностью…

Svelte [svɛlt] - All about Svelte JavaScript framework

То есть, у класса source есть метод, у которого callback функция получает данные, и мне нужно в другом классе со state, сделать так, чтобы эти данные вычленить и постоянно держать их поле data

Читать полностью…

Svelte [svɛlt] - All about Svelte JavaScript framework

Нет, там методом меняются реактивные значения, а у меня есть метод, который принимает функцию, в котором параметр хранит данные, и они должны быть в реактивном поле другого класса, так сказать

Читать полностью…

Svelte [svɛlt] - All about Svelte JavaScript framework

Всем привет. Вроде такой прикол можно организовать в svelte с рунами, или может я ошибаюсь, но всё же. Есть некий класс, в котором есть метод, который принимает функцию с параметром, в котором содержаться некоторые данные:

instance.method(data => {});


Есть ли возможность сделать так, чтобы в другом классе я организовал реактивное поле, которое всегда получает нужные данные оттуда?

aninstance.data // Reactive

Читать полностью…

Svelte [svɛlt] - All about Svelte JavaScript framework

Такие дела)
Можно лотти программно строить, конечно
В питоне python-rlottie (вроде так) позволяет удобно это делать

Читать полностью…

Svelte [svɛlt] - All about Svelte JavaScript framework

но все что есть сейчас, насколько я понял, не могут в 3д трансформации

Читать полностью…

Svelte [svɛlt] - All about Svelte JavaScript framework

сейчас делаю все в inkscape + blender

Читать полностью…

Svelte [svɛlt] - All about Svelte JavaScript framework

интерфейсы такое дерьмо

Читать полностью…

Svelte [svɛlt] - All about Svelte JavaScript framework

Да. Просто на каждый запуск эффекта теперь создаётся переменная стейта, которая через время delay меняется на true. Увы нужно создавать переменную. Чтобы прямо в одну строку сделать не придумал

Читать полностью…

Svelte [svɛlt] - All about Svelte JavaScript framework

А для этого обязательно всё так усложнять?
По моему можно реализовать эту задачу в 10 раз проще 🧐

Читать полностью…

Svelte [svɛlt] - All about Svelte JavaScript framework

Я нашел тут решение, чуть позже скину. Нужно было возвращать функцию

Читать полностью…

Svelte [svɛlt] - All about Svelte JavaScript framework

А что решают задержки?

Читать полностью…

Svelte [svɛlt] - All about Svelte JavaScript framework

но увы такой подход ломается, т.кю не дает создать $store внутри какой-то непонятной функции

Читать полностью…

Svelte [svɛlt] - All about Svelte JavaScript framework

этот вариант хорош тем, что при прохождении цепочки условий будет создан каждый раз новый $store, то есть если какое-то из предварительных условий нарушится - делей сбросится

Читать полностью…

Svelte [svɛlt] - All about Svelte JavaScript framework

хотелось бы получить вариант который бы сохранил идиоматичность описания

Читать полностью…

Svelte [svɛlt] - All about Svelte JavaScript framework

Мы придумали делать разные динамические события как композицию сторов в эффектах, к примеру:

$effect(() => {
user.userId &&
!cookiesStore.get("promo_modal") &&
!domObserver.observeClassName("modal-custom-pay-mpdal")
&& user.userTags.includes("DC=2_Popup") &&
!url.sitePath.includes("/pay/")
&& showModal("promo",url.lang)
&&
cookiesStore.set("promo_modal", true, 1);});


Если пользователь залогинен, у пользователя нет куки, мы не на странице покупки - показать модальное окно с промо и установить куку что промо было показано.

Получаются такие вот декларативные цепочки условий для запуска целевых действий (показ модалки и т.п.)

И в целом эта система удобно работает, но вот не задача - а как добавить в нее delay?

Можно сделать как-то реактивный стор, который бы работал как задержка перед вызовом showModal в цепочке? А так, чтобы если предшествующие условия перестали выполняться во время ожидания (человек перешел на страницу покупки к примеру) то запуск условия за delay был бы отменен.

Не могу придумать как организовать такой стор в свелте.

То есть он должен при первом обращении к нему отдать false, и через delay времени поменяться на true. Я понимаю как такое сделать на старых svelte store, но как на рунах сделать понять не могу.

Читать полностью…

Svelte [svɛlt] - All about Svelte JavaScript framework

https://www.sveltelab.dev/6xamlona4gh3l7p?files=.%2Fsrc%2Froutes%2F%2Bpage.svelte%2C.%2Fsrc%2Flib%2Fsource.ts%2C.%2Fsrc%2Flib%2Fiwant.svelte.ts

Типа такого, вроде понятно

Читать полностью…

Svelte [svɛlt] - All about Svelte JavaScript framework

Привет, подойдет?
https://svelte.dev/tutorial/svelte/reactive-classes

Читать полностью…

Svelte [svɛlt] - All about Svelte JavaScript framework

#оффтопчик

https://github.com/jackjackbits/bitchat

Читать полностью…

Svelte [svɛlt] - All about Svelte JavaScript framework

Ничеси,я думал там мега прогеры,а это адоби

Читать полностью…

Svelte [svɛlt] - All about Svelte JavaScript framework

я не против платных продуктов, если бы был такой, который может вот так и сразу в lottie, то можно и денег дать за такое

Читать полностью…

Svelte [svɛlt] - All about Svelte JavaScript framework

да я так подумал, что меня устроит анимация через spritesheets
оптимизирую все что смогу, а на клиент ресурсы буду подгружать в фоне

Читать полностью…

Svelte [svɛlt] - All about Svelte JavaScript framework

не нравятся их продукты

Читать полностью…
Subscribe to a channel