О
слушайте какой же реатом приятный
Size: a a a
2020 September 17
О
в 2 строки пишу экшен и редьюсер и кайф
О
теперь возня со стейтом ушла на второй план
2020 September 20
AK
2020 September 22
И
У меня в общем структура такая:
Я получаю в компонентах данные по props = 1 и через:
us
Легкое решение сделать структуру:
item
@artalar как лучше поступить?
items:
items: {
1: {
id: 1,
type: 'row',
},
2: {
id: 2,
type: 'column',
height: 100
}
}Я получаю в компонентах данные по props = 1 и через:
us
eAtom(itemsAtom, items => items[id], [id]) || {};
Но когда в панели редактирую height(могут быть разные пропсы для редактирования некая мета - много компонентов перерисовывается(так меняется объект)Легкое решение сделать структуру:
item
s: {
1: {
id: 1,
type: 'row',
},
2: {
id: 2,
type: 'column',
},
},
itemsMeta: {
2: {
height: 100,
}
Тогда можно селектировать из отдельного атома и все красиво рисуется@artalar как лучше поступить?
items:
{
1: {
id: 1,
type: 'row',
},
2: {
id: 2,
type: 'column',
meta: {
height: 100,
}
},
},
может сделать вложенный объект? или как?И
Делая разные атомы я усложню жизнь с клонированием элементов и сериализацией и тп
a
У меня в общем структура такая:
Я получаю в компонентах данные по props = 1 и через:
us
Легкое решение сделать структуру:
item
@artalar как лучше поступить?
items:
items: {
1: {
id: 1,
type: 'row',
},
2: {
id: 2,
type: 'column',
height: 100
}
}Я получаю в компонентах данные по props = 1 и через:
us
eAtom(itemsAtom, items => items[id], [id]) || {};
Но когда в панели редактирую height(могут быть разные пропсы для редактирования некая мета - много компонентов перерисовывается(так меняется объект)Легкое решение сделать структуру:
item
s: {
1: {
id: 1,
type: 'row',
},
2: {
id: 2,
type: 'column',
},
},
itemsMeta: {
2: {
height: 100,
}
Тогда можно селектировать из отдельного атома и все красиво рисуется@artalar как лучше поступить?
items:
{
1: {
id: 1,
type: 'row',
},
2: {
id: 2,
type: 'column',
meta: {
height: 100,
}
},
},
может сделать вложенный объект? или как?Ну да, нужно выносить проп в отдельный атом или в текущем структуру сложнее делать
Я в отдельный атом выношу. Хотел фабрику написать, но пока не до этого
Я в отдельный атом выношу. Хотел фабрику написать, но пока не до этого
И
Вложенная мета лучше но тогда видимо прийдется делать так:
useAtom(itemsAtom, (items) => {
const { meta, …item } = items[id];
return item;
}, [id]) || {};И
те в useAtom в возврате выливать meta там где она не нужна
a
Вложенная мета лучше но тогда видимо прийдется делать так:
useAtom(itemsAtom, (items) => {
const { meta, …item } = items[id];
return item;
}, [id]) || {};не, тут же будет пересоздаваться ссылка на item
a
У меня в общем структура такая:
Я получаю в компонентах данные по props = 1 и через:
us
Легкое решение сделать структуру:
item
@artalar как лучше поступить?
items:
items: {
1: {
id: 1,
type: 'row',
},
2: {
id: 2,
type: 'column',
height: 100
}
}Я получаю в компонентах данные по props = 1 и через:
us
eAtom(itemsAtom, items => items[id], [id]) || {};
Но когда в панели редактирую height(могут быть разные пропсы для редактирования некая мета - много компонентов перерисовывается(так меняется объект)Легкое решение сделать структуру:
item
s: {
1: {
id: 1,
type: 'row',
},
2: {
id: 2,
type: 'column',
},
},
itemsMeta: {
2: {
height: 100,
}
Тогда можно селектировать из отдельного атома и все красиво рисуется@artalar как лучше поступить?
items:
{
1: {
id: 1,
type: 'row',
},
2: {
id: 2,
type: 'column',
meta: {
height: 100,
}
},
},
может сделать вложенный объект? или как?Ммм, а там где
useAtom(itemsAtom, items => items[id], [id]) || {}; - не используется height??И
Ммм, а там где
useAtom(itemsAtom, items => items[id], [id]) || {}; - не используется height??да по сути там проверяется существование объекта и берется type
NS
У меня в общем структура такая:
Я получаю в компонентах данные по props = 1 и через:
us
Легкое решение сделать структуру:
item
@artalar как лучше поступить?
items:
items: {
1: {
id: 1,
type: 'row',
},
2: {
id: 2,
type: 'column',
height: 100
}
}Я получаю в компонентах данные по props = 1 и через:
us
eAtom(itemsAtom, items => items[id], [id]) || {};
Но когда в панели редактирую height(могут быть разные пропсы для редактирования некая мета - много компонентов перерисовывается(так меняется объект)Легкое решение сделать структуру:
item
s: {
1: {
id: 1,
type: 'row',
},
2: {
id: 2,
type: 'column',
},
},
itemsMeta: {
2: {
height: 100,
}
Тогда можно селектировать из отдельного атома и все красиво рисуется@artalar как лучше поступить?
items:
{
1: {
id: 1,
type: 'row',
},
2: {
id: 2,
type: 'column',
meta: {
height: 100,
}
},
},
может сделать вложенный объект? или как?Вообще есть ощущение, что ререндер может вызывать родитель, а дочерние компоненты это просто функции. Можно попробовать обернуть компонент в мемо и проблема может исчезнуть
И
чтобы рисовать элемент по типу
И
Вообще есть ощущение, что ререндер может вызывать родитель, а дочерние компоненты это просто функции. Можно попробовать обернуть компонент в мемо и проблема может исчезнуть
мемо не помогает (
a
да по сути там проверяется существование объекта и берется type
Так может
useAtom(itemsAtom, items => items[id]?.type, [id]);И
Так может
useAtom(itemsAtom, items => items[id]?.type, [id]);в целом да вариант попробую
И
надо думать еще у меня есть children сложенный - выходит все перерисовывается и при изменении детей
И
лучше выбирать значения по одному пропсу
И
или делать как селекторы?
хотя так тоже будет новый объект же
useAtom(itemsAtom, items => { type: items[id]?.type, second: items[id]?.second }, [id]);хотя так тоже будет новый объект же