Size: a a a

Svelte [svelt] - All about Svelte JavaScript framework.

2021 October 11

MS

M S in Svelte [svelt] - All about Svelte JavaScript framework.
Как? Через App?
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt] - All about Svelte JavaScript framework.
смотря как сделано. если наружу торчит только App то да, но раз речь про юзать из JS, то наверное это какой-то набор виджетов, нет?
источник

MS

M S in Svelte [svelt] - All about Svelte JavaScript framework.
Не продумывал еще. Как лучше?
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt] - All about Svelte JavaScript framework.
я не в курсе задачи. если это SPA, то обычно там только рут компонент App монтируется в body или какой-то ID. если MPA, то можно монтировать в DOM сколько угодно виджетов и через их инстансы дергать функции из любых JS файлов
источник

MS

M S in Svelte [svelt] - All about Svelte JavaScript framework.
Вот пример, есть модалка.
Можно показать в свелте через <myModal visible=true>
Но хочу также чтобы была возможность в жиэс
myModal = ...
myModal.title = 'title'
myModal.show()
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt] - All about Svelte JavaScript framework.
тогда либо складировать инстансы где-то вручную, либо юзать custom elements
источник

MS

M S in Svelte [svelt] - All about Svelte JavaScript framework.
Как складировать? Через сторы?
источник

PM

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

MS

M S in Svelte [svelt] - All about Svelte JavaScript framework.
В данном случае не нужна.
источник

MS

M S in Svelte [svelt] - All about Svelte JavaScript framework.
Кастом элемент как выяснилось не дружат с реактом
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt] - All about Svelte JavaScript framework.
// allComponents.js

export default new Map();

// App.svelte

<Modal bind:this={modal} />


<script>
    import components from ‘./allComponents.js’;

    let modal;
    onMount(() => {
              components.set(‘modal’, modal);
              return () => components.delete(‘modal’);
    });
</script>
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt] - All about Svelte JavaScript framework.
а реакт тут причем?
источник

MS

M S in Svelte [svelt] - All about Svelte JavaScript framework.
Главная проблема в том, что мышление заточено под императивное программирование. И фреймворки для меня отдельный от жиэс мир, который  я не знаю как правильно соединить с основным потоком. Хотя и могу конечно это делать через множество разных хитростей
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt] - All about Svelte JavaScript framework.
тут ничем не помогу, это слишком долго и сложно, но современный фронтенд обычно характеризуется следующим набором букв: declarative state-driven development
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt] - All about Svelte JavaScript framework.
то есть мы описываем интерфейс декларативно и не меняем UI напрямую, только через изменения стейта и эффекты
источник

MS

M S in Svelte [svelt] - All about Svelte JavaScript framework.
Спасибо. Логично сделано.
источник

MS

M S in Svelte [svelt] - All about Svelte JavaScript framework.
Недавно как раз надо было соединять реакт, свелт и ваниль. Тогда сделал влобовую, теперь ищу человеческие паттерны.
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt] - All about Svelte JavaScript framework.
звучит не очень по-человечески)))
источник

MS

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

В качестве примера xslt, который сдох де факто.
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
xslt до сих пор жыв
источник