AZ
const event = e.touches ? e.touches[0] : e;
x = startX = event.clientX;
y = startY = event.clientY;
Size: a a a
2020 March 03
A
Спасибо! Ща погляжу
2020 March 04
IU
Привет! Вопрос по Store. В доках слишком простой пример организации. Нашел такой: https://fireship.io/snippets/custom-svelte-stores/
Неплохо выглядит пример с Redux-Devtools.
Есть где-то еще более реальные примеры организации Store? С многоуровневой вложенностью объектов и сотней actions/updates? Что-то масштабируемое. Спасибо)
Неплохо выглядит пример с Redux-Devtools.
Есть где-то еще более реальные примеры организации Store? С многоуровневой вложенностью объектов и сотней actions/updates? Что-то масштабируемое. Спасибо)
DK
Привет! Вопрос по Store. В доках слишком простой пример организации. Нашел такой: https://fireship.io/snippets/custom-svelte-stores/
Неплохо выглядит пример с Redux-Devtools.
Есть где-то еще более реальные примеры организации Store? С многоуровневой вложенностью объектов и сотней actions/updates? Что-то масштабируемое. Спасибо)
Неплохо выглядит пример с Redux-Devtools.
Есть где-то еще более реальные примеры организации Store? С многоуровневой вложенностью объектов и сотней actions/updates? Что-то масштабируемое. Спасибо)
А чем кастомные сторы для масштабируемости не подходят?
DK
Тот-же редакс, когда увеличивается количество экшенов становится нереально поддерживать из-за слабой связанности (тот случай, когда это плохо)
IU
А чем кастомные сторы для масштабируемости не подходят?
Хотелось бы один стор) Или у Sveltе другая идеология?
DK
Хотелось бы один стор) Или у Sveltе другая идеология?
Принято разные сторы делать. А зачем один?
DK
Если надо - их всегда можно агрегировать через derived
IU
Если надо - их всегда можно агрегировать через derived
Понял, спасибо)
A
а вообще, я себе вот такую обертку накидал, чтоб со сторами работать как с редаксом:
import {Readable, readable, derived} from 'svelte/store';
import {noop} from 'svelte/internal';
import {isNotEmptyArray} from './arrays';
type CombinedStoreValues<SR extends Record<string, Readable<any>>> = {
[K in keyof SR]: SR[K] extends Readable<infer T> ? T : never;
};
export function combineStores<SR extends Record<string, Readable<any>>>(storesRecord: SR): Readable<CombinedStoreValues<SR>> & SR {
const names: Array<keyof SR> = Object.keys(storesRecord);
const stores = names.map<Readable<SR[string]>>(name => storesRecord[name]);
if(!isNotEmptyArray(stores)) {
return Object.assign(
readable({} as CombinedStoreValues<SR>, noop),
storesRecord
);
}
const reducer = (acc: Partial<CombinedStoreValues<SR>>, value: SR[string], i: number) => ({
...acc,
[names[i]]: value
});
return Object.assign(
derived(stores, (values) => values.reduce(reducer, {}) as CombinedStoreValues<SR>),
storesRecord
);
}
import {Readable, readable, derived} from 'svelte/store';
import {noop} from 'svelte/internal';
import {isNotEmptyArray} from './arrays';
type CombinedStoreValues<SR extends Record<string, Readable<any>>> = {
[K in keyof SR]: SR[K] extends Readable<infer T> ? T : never;
};
export function combineStores<SR extends Record<string, Readable<any>>>(storesRecord: SR): Readable<CombinedStoreValues<SR>> & SR {
const names: Array<keyof SR> = Object.keys(storesRecord);
const stores = names.map<Readable<SR[string]>>(name => storesRecord[name]);
if(!isNotEmptyArray(stores)) {
return Object.assign(
readable({} as CombinedStoreValues<SR>, noop),
storesRecord
);
}
const reducer = (acc: Partial<CombinedStoreValues<SR>>, value: SR[string], i: number) => ({
...acc,
[names[i]]: value
});
return Object.assign(
derived(stores, (values) => values.reduce(reducer, {}) as CombinedStoreValues<SR>),
storesRecord
);
}
Выше тут было...
A
Ну эт опять же кастом с дерайведом
DK
Жаль, что люди продолжают бойлерплейтный код с редаксом писать
A
А что значит бойлерплейтный?
DK
А что значит бойлерплейтный?
Один и тот-же под копирку
DK
Редюсер, экшн, эффект
A
А. Ну этож привитое мышление трендом
A
Решил вчера кстати свои тач евенты великом )))
A
Но либка зачетная тож👍🏻
DK
Но либка зачетная тож👍🏻
Если что - то не я ее писал)
A
Ок )