🚀🚀
в forest можно получить значение дом ноды с помощью метода node, но там тоже пока надо кастить
Size: a a a
2020 October 11
🚀🚀
точно типизировать можно те апи, которые лежат в методе h, потому что тогда тип выводится из тега
🚀🚀
к примеру как нибудь так
const onNode = createEvent<HTMLButton>()
const node$ = restore(onNode, null)
h('button', {
node: onNode
})
(код пока в качестве идеи, так как node скорее всего лишь один из многих эвентов-хуков лайфсайкла)
const onNode = createEvent<HTMLButton>()
const node$ = restore(onNode, null)
h('button', {
node: onNode
})
(код пока в качестве идеи, так как node скорее всего лишь один из многих эвентов-хуков лайфсайкла)
l
Понял, спасибо
l
@ZeroBias а как правильно рендерить списки в forest?
const $orders = createStore([{id: 1, title: ‘Lorem’}]);list({
source: $orders,
key: ‘id’,
fn({store}) { /* тут доставить title через store.map(() => {}) */}
})l
или можно легче?
🚀🚀
@ZeroBias а как правильно рендерить списки в forest?
const $orders = createStore([{id: 1, title: ‘Lorem’}]);list({
source: $orders,
key: ‘id’,
fn({store}) { /* тут доставить title через store.map(() => {}) */}
})разделение стора по ключам это частая операция, поэтому есть метод remap, который принимает стор и ключ либо массив ключей
const [title, id]= remap(store, [
'title',
'id',
] as const)
а так как в list это разделение встречается постоянно, то можно просто указать массив нужных тебе ключей в fields
const [title, id]= remap(store, [
'title',
'id',
] as const)
а так как в list это разделение встречается постоянно, то можно просто указать массив нужных тебе ключей в fields
list({
source: $orders,
key: 'id',
fields: ['title'],
fn({fields: [title]}) {}
})l
разделение стора по ключам это частая операция, поэтому есть метод remap, который принимает стор и ключ либо массив ключей
const [title, id]= remap(store, [
'title',
'id',
] as const)
а так как в list это разделение встречается постоянно, то можно просто указать массив нужных тебе ключей в fields
const [title, id]= remap(store, [
'title',
'id',
] as const)
а так как в list это разделение встречается постоянно, то можно просто указать массив нужных тебе ключей в fields
list({
source: $orders,
key: 'id',
fields: ['title'],
fn({fields: [title]}) {}
})🙏
l
@ZeroBias напомни, плиз, это variant рендерит тег в зависимости от условия?
🚀🚀
🚀🚀
variant — обёртка вокруг route
l
variant — выбирает один из имеющихся вариантов, route — активирует один конкретный
route({
source: $order,
visible: ({hidden}) => !hidden,
fn({store}) {
}
})Понял, принял
У меня просто есть лоадер и есть список. Сейчас это делаю через visible
У меня просто есть лоадер и есть список. Сейчас это делаю через visible
🚀🚀
преимущества route/variant:
они маунтят сразу несколько элементов — любое содержимое fn
пока инстансы не активны — их store апдейты не получает, сохраняя консистентность
они маунтят сразу несколько элементов — любое содержимое fn
пока инстансы не активны — их store апдейты не получает, сохраняя консистентность
l
преимущества route/variant:
они маунтят сразу несколько элементов — любое содержимое fn
пока инстансы не активны — их store апдейты не получает, сохраняя консистентность
они маунтят сразу несколько элементов — любое содержимое fn
пока инстансы не активны — их store апдейты не получает, сохраняя консистентность
ну я использую
route для построения страницl
ну я использую
route для построения страница тут мне нужен просто условный рендеринг
🚀🚀
это одно и то же)
🚀🚀
роут — это комбинация состояния и видимости
🚀🚀
роут активен когда состояние подходит под условия
🚀🚀
соответственно, из значения в source с помощью предиката в visible, вычисляется, активно ли содержимое fn или нет. если активно — то оно рендерится , если неактивно — то перестаёт рендериться
🚀🚀
route это своего рода антипод Gate из effector-react