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

13 Jun 2023 14:00

Выше пример. Я же правильно понял логику, что тебе нужно работать с элементами компонента?

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

13 Jun 2023 13:54

Или прокидывать сам инстанс pixi в пропсы, вместо элемента, если пропсы не влияют на дом. Тоже антипаттерн, но все таки

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

13 Jun 2023 13:50

Да. В Pixi.js есть элементы (DisplayObject'ы), и я привязываю DOM-элементы к элементам в Pixi. Как фреймворк для этих элементов выбрал свелт (поскольку свелт ❤️), и хочу иметь возможность из Svelt'а управлять пропсами Pixi, чтоб удобно было

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

13 Jun 2023 13:43

Я помню что такая возможность есть за счет $$, но не помню к чему именно обратиться нужно

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

13 Jun 2023 13:43

Обычно ведь ребенок напрямую не должен взаимодействовать с родителем. Защита от дурака

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

13 Jun 2023 13:42

создай главный компонент, получи его this, и работай с ним. Зачем такие костыли

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

13 Jun 2023 13:41

Ну, вообще - я Svelte объединяю с Pixi.js для своих нужд. Я расширяю типизацию HTMLElement доставляя туда DisplayObject, и хочу из Svelt'а получать доступ к пропсам DisplayObject'а

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

13 Jun 2023 13:39

У компонента this - undefined
https://svelte.dev/repl/0b6cf16b87534c9f90a0794e78b45314?version=3.59.1

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

13 Jun 2023 13:33

Другими словами, контекст компонента получить

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

04 Jun 2023 15:40

Предпочту сделать это с помощью свелта)

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

04 Jun 2023 15:38

Во, это и искал, спасибо! На 5 месяцев ушел из фронтенда и вылетело все что могло

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

04 Jun 2023 15:37

Вообще

<script>
  let innerWidth
</script>

<svelte:window bind:innerWidth />
{#if innerWidth < 1000}
  <Button1 />
{:else}
  <Button2 />
{/if}

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

04 Jun 2023 15:16

Оказывается это баг VSCode и он будет решен в следующем обновлении

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

04 Jun 2023 15:08

В Sveltekit VSCode не отображает цвет слева от Tailwind свойства. Что может быть причиной?

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

04 Jun 2023 12:25

Можно ещё так без доп-обёрток

https://svelte.dev/repl/0707dd0622234833bc02140e34ddc17c

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

13 Jun 2023 13:58

https://svelte.dev/repl/9e6b6989f164455a97420cade081bb2e?version=3.59.1

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

13 Jun 2023 13:52

А не лучше ли экспортировать из компонентов стор с модифицирумыми пропсами и менять их в родителе по subscribe? Действительно ведь антипаттерн, менять родителя из ребенка

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

13 Jun 2023 13:48

А ты что то куда то встраиваешь? Какие свойства родительского элемента тебе нужны?

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

13 Jun 2023 13:43

У меня нет главного компонента. Каждый элемент в Pixi - независимый, и будет разрабатываться как отдельный плагин. Из этого такие заморочки :)

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

13 Jun 2023 13:42

не усложняй себе жизнь)

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

13 Jun 2023 13:42

Тоже думал, но звучит как костыль. Хочется будто более элегантного решения :D

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

13 Jun 2023 13:41

Если так, то можешь target в пропсы дублировать

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

13 Jun 2023 13:37

$$props, к сожалению, target не возвращает

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

13 Jun 2023 13:32

bind:this можно к компоненту привязать, но у меня компонентов нет. Условно, у меня new App({
target: document.body }); создается, и мне нужно в App получить target, куда он создался

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

04 Jun 2023 15:39

Это кстати гораздо более легкий вариант, но опять же вопрос про СЕО.
Гугл говорит, что понижает рейтинг за блоки (или по крайней мере ссылки) с display: none

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

04 Jun 2023 15:37

https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Media_queries

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

04 Jun 2023 15:34

Добрый день, как сделать некую проверку на ширину экрана? Имею в виду, что должен получится алгоритм, при котором если ширина экрана меньше 1000px, то показывается одна кнопка, а если ширина экрана больше 1000рх, то другая

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

04 Jun 2023 15:12

найди плагин, который отвечает за это (скорее всего плагин tailwind'а) и гугли

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

04 Jun 2023 12:33

auto-fit очень модная штука, так что для фолбэка можно юзать реальное число элементов в repeat()

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

04 Jun 2023 12:00

Странно что flex: 0 не работает, хотя он прям тут как раз