В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

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

qwarta.ru подробнее

Size: a a a

Svelte [svelt]

1729 membersпожаловаться на группу
2020 October 12

PM

Pavel 🦇 Malyshev in Svelte [svelt]
но крутануть нормально чисто императивный  class-based/наследование код того же Phaser на чисто декларативный компонентный композиционный код Svelte - ничего хорошего не выйдет точно
источник
21:40пожаловаться#1

n

neadmin in Svelte [svelt]
все красиво и структурировано на svelte,

хочется просто избавиться от некоторого дублирования кода
источник
21:41пожаловаться#2

PM

Pavel 🦇 Malyshev in Svelte [svelt]
neadmin
все красиво и структурировано на svelte,

хочется просто избавиться от некоторого дублирования кода
если вы выкидываете наверх свелт компонентов инстансы GO и дергаете их методы снаружи это уже не классный код свелт )
источник
21:42пожаловаться#3

PM

Pavel 🦇 Malyshev in Svelte [svelt]
может быть лучше тогда подписываться на изменения пропсов компонентов и тригерить методы на основе этих изменений, типа:

const go = new GO({ ... });

export let foo;

$: go.doSomething(foo)
источник
21:44пожаловаться#4

n

neadmin in Svelte [svelt]
так и есть - все рулится через flux
источник
21:47пожаловаться#5

n

neadmin in Svelte [svelt]
другое дело, что скорость низкая:
1) возьми данные
2) преобразуй
3) отдай компоненты
4) компонент отдает либе
5) либа преоразует во внутренний формат
6) либа рендерит

в некоторых случаях быстрее передать в компонент данные и забыть их.
далее дергать, через компонент, методы либы по преобразованию данных
источник
21:50пожаловаться#6

n

neadmin in Svelte [svelt]
и оно даже работает, и шустро работает
источник
21:50пожаловаться#7

n

neadmin in Svelte [svelt]
другое дело, что это уже не чистый компонентный подход декларируемый svelte, тут я согласен
источник
21:51пожаловаться#8

n

neadmin in Svelte [svelt]
но это не отменяет моего вопроса
как в onMount / onDestroy выполнять одни и те же действия, но контексте конкретного компонента?

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

причем есть группы копонентов у которых и этот список событий одинаков
источник
21:54пожаловаться#9

n

neadmin in Svelte [svelt]
как это решить без наследования?
источник
21:57пожаловаться#10

n

neadmin in Svelte [svelt]
ведь, как мне кажется, с такой задачей сталкивались практически все
источник
21:57пожаловаться#11

PM

Pavel 🦇 Malyshev in Svelte [svelt]
neadmin
как это решить без наследования?
Композиция компонентов это не про то, чтобы сэкономить действия, а про расширение функционала одних компонентов по средствам оберток над ними,  аля HOC. Касательно вопроса, можешь вынести комбинацию onMount возвращаемый коллбек для onDestroy в отдельный js файл, там описать что надо и импортировать в тех компонентах где надо:

// life-cycle.js

import { onMount } from 'svelte';

export function mount(...args) {
     onMount(() => {
         // do something

         return () => {
             // clear something
         };
    });
}
источник
22:15пожаловаться#12

PM

Pavel 🦇 Malyshev in Svelte [svelt]
в компоненте

import { mount } from './life-cycle.js';

mount();
источник
22:15пожаловаться#13

PM

Pavel 🦇 Malyshev in Svelte [svelt]
совсем без явного импорта не получится, потому что каждый компонент свелт воспринимается как полностью независимый юнит. нет никакого общего this
источник
22:17пожаловаться#14

PM

Pavel 🦇 Malyshev in Svelte [svelt]
можно еще глянуть в сторону setContext/getContext в качестве простенького DI
источник
22:17пожаловаться#15

МТ

Марк Танащук... in Svelte [svelt]
Кстати на счёт контекстов
источник
22:32пожаловаться#16

МТ

Марк Танащук... in Svelte [svelt]
Можно без перезаписи контекстов на сторы иметь возможность сделать им некую реактивность?
источник
22:33пожаловаться#17

МТ

Марк Танащук... in Svelte [svelt]
Чтобы когда в родительском App.svelte сетился контекст все дочерние заново его получали
источник
22:33пожаловаться#18

МТ

Марк Танащук... in Svelte [svelt]
По моим поискам - нельзя без стора, но может что-то упустил
источник
22:35пожаловаться#19

DK

Dan Kozlov in Svelte [svelt]
Марк Танащук
По моим поискам - нельзя без стора, но может что-то упустил
Нет, контексты не реактивны и собираются не в рантайме.
источник
22:39пожаловаться#20