s
Я думал, sappier это типа редактора
sapper это изоморфный фреймворк для js который использует svelte для рендринга
Size: a a a
2018 June 24
s
но никто не запрещает использовать redux
s
svelte на себя берёт рендринг, состояние компонента, глобальные состояния через store, всё остальное можно использовать на свой вкус
s
у меня шаблончик есть с роутингом
N
Redox OS?
s
Redox OS?
поправил :) раста пока нету
s
этих названий на re стало слишком много
N
Дада
PM
#qotd Как, работая со Svelte, идеологически правильно сохранять состояния страницы с учетом авторизации пользователя.
В Svelte есть 2 вида состояний: локальное состояние каждого компонента и глобальное состояние, Store, в пределах одной иерархии компонентов.
PM
Локальное состояние изолировано. В него входят такие вещи как
data и computedPM
работа с ним ведется с помощью встроенных методов:
const state = component.get();
component.set(state);
PM
При изменении части состояния, связанные с ним части шаблона, а также другие части состояния, перерисовываются и пересчитываются (там самая реактивность)
PM
Глобальное состояние, реализуется с помощью дополнения, Store:
import {Store} from 'svelte/store.js';
PM
Работа с ним ведется плюс-минус также. Можно наследовать Store класс и расширять его своими классами и методами:
export default ProductsStore extends Store {
getProducts() {
...
}
}
PM
Главное отличие глобального состояния от локального, в том, что оно изолировано в рамках одной иерархии компонентов и автоматом пробрасывается по ней. Это же ключевое отличие от других реализаций глобальных сторов
PM
#qotd Как, работая со Svelte, идеологически правильно сохранять состояния страницы с учетом авторизации пользователя.
В итоге, отвечая на #qotd: части состояния правильно хранить исходя из того, где и как они будут использоваться. какие-то общие для всего приложения вещи, такие как авторизация, состояние роута и тп, лучше всего хранить в корневом сторе, т.е. Store привязанному к App компоненту
PM
Часть данных, для каких-то вложенных иерархий, можно хранить в специальных сторах, ниже по дереву компонента. Состояние, относящееся только к конкретному компоненту, лучше хранить непосредственно в нем.
N
А что есть компонент в данном контексте?
s
А что есть компонент в данном контексте?
файл .html :)