Size: a a a

Svelte [svelt] - All about Svelte JavaScript framework.

2021 November 24

AS

Alexey Schebelev in Svelte [svelt] - All about Svelte JavaScript framework.
Вот тут еще более разжевано: https://habr.com/ru/post/486626/
источник

AZ

Alexander Zinchenko in Svelte [svelt] - All about Svelte JavaScript framework.
я думаю, что те, кто пришли за советом скорее всего не столкнутся с теми кейсами, от которых бомбит Александр
источник

AZ

Alexander Zinchenko in Svelte [svelt] - All about Svelte JavaScript framework.
я вот ни разу не столкнулся, если честно
источник

OD

One Dollar in Svelte [svelt] - All about Svelte JavaScript framework.
Спасибо за ответ
Мне всё же нужно дождаться когда загрузиться window, так что там просто прослойку нужно будет впихнуть а-ля isWindowLoaded
источник

AZ

Alexander Zinchenko in Svelte [svelt] - All about Svelte JavaScript framework.
может вам onMount подойдет?
источник

OD

One Dollar in Svelte [svelt] - All about Svelte JavaScript framework.
Не помогает
Я думаю, что это трабл со сторибуком, но я не уверен
На днях тут тоже спрашивал
источник

OD

One Dollar in Svelte [svelt] - All about Svelte JavaScript framework.
Там проблема в том, что сначала у меня загружается компонент, а только потом он видит родительские стили
источник

OD

One Dollar in Svelte [svelt] - All about Svelte JavaScript framework.
в onMount они опять таки не доступны
Но после window load всё срабатывает как надо
источник

OD

One Dollar in Svelte [svelt] - All about Svelte JavaScript framework.
Тобишь нужно просто дождаться window load и потом продолжать
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt] - All about Svelte JavaScript framework.
Как вариант:


import { readable } from 'svelte/store';

const ready = readable(false, set => {

     function load() {
           set(true);
     }

window.addEventListener(‘load’, load);

return () => window.removeEventListener(‘load’, load);
});
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt] - All about Svelte JavaScript framework.
{#if $ready} do something {/if}
источник

OD

One Dollar in Svelte [svelt] - All about Svelte JavaScript framework.
Угу, спасибо
источник

A

Arushwl in Svelte [svelt] - All about Svelte JavaScript framework.
А этого случайно нет в svelte-statusable ?
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt] - All about Svelte JavaScript framework.
вроде нет, но можно добавить да
источник

A

Arushwl in Svelte [svelt] - All about Svelte JavaScript framework.
Optionated🤓
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
я здесь именно чтобы напрягать
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
это что-то странное так не должно быть, какие родительские стили он не видит и как поняли что он их не видит?
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
ждать load это слишком долго, load будет включать в себя загрузку картинок и вообще всего что есть на странице
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
на плохом интернете это могут быть десятки секунд хотя на экране уже есть компоненты
источник

OD

One Dollar in Svelte [svelt] - All about Svelte JavaScript framework.
Допустим, у меня есть компонент в сторибуке

внутри компонента, я делаю что-то вроде div bind:clientWidth={width}
в скрипте прописываю $: console.log(width)

запускаю сторибук сразу в нужном мне компоненте и вижу вот такую вещь в консоли
1000
968

ширина экрана 1000px
источник