кек

Всем привет!
Можно ли как то оптимизировать этот процесс:
1 - у нас есть todolist = [{},{},{}]
2 - мы при помощи map показываем его

При добавление в этот todo элемент что бы он не перерисовывал ВСЕ тудушки, а лишь добавлял в конец, это реально?

🤔 мне почему то логика подсказывает что нет, так как мы ведь не мутируем какой то объект, а постоянно создаем новый массив и он будет бегать по этому массиву снова и снова

Почитай про React memo

так разве он поможет ? Вроде как он запоминает данные, но у нас каждый раз ведь новый массив с редакса прилетает

Да, но ты ведь можешь в todoItem передавать не целый объект а просто обычные примитивы и тогда поможет

Кто-нибудь может мне помочь

🤔🤔🤔 щас гляну, спасиб

У меня 3 тысячи вложенных в друг друга элементов и у них может быть статус checked.Что будет производительнее:
1) Хранить отдельно массив checked элементов и в компоненте делать <Component checked={checked.some(id => item.id === id)} />, тогда я при он клинке по элементу просто в массив буду добавлять новый id, и все id его родителей
2) Хранить в каждом элементе в сторе его статус [{id: 1, title: ‘test’, checked: true, children: []}], но тогда мне польностью придется обходить этот дерево элементов и искать в нем родителей и проставлять checked им

checked это просто чекбокс, который полностью контролируется на фронте

Еее, спасибо)

Правда не потребовалось передавать примитивы, я все так же передаю объект и все отлично)

мужики есть годные ui библиотеки для реакта? что-то типо реакт-бутстрапа

Ant design

материал ваще не катит

чего

бутстрап красивее будет

ор