я бы скинул его реальную(по моему мнению) аватарку но это плохо будет я считаю

?

Да выглядит отвратно

Ну предложи свой красивый и элегантный вариант )

Без проблем

items.reduce((acc, item) => {
  const current = acc[item.id] ?? []
  acc[item.id] = current.concat(item)
  return acc
}, {})

Молодец )

Теперь скорость проверяем
https://jsbench.me/nrknj5iqov/1

Со 100000 элементами кстати твой редьюс страницу убивает)

Привет всем

Можно трансдьюсер попробовать вроде

Как могу подклучить  API spotify? В консоле 401 error

У них нет доки?

Собсна еще такой вариант, но мне он не оч нравится
В 4 раза быстрее прошлого решения, и в 40 быстрее того со спредами

items.reduce((acc, item) => {
  if (!acc[item.id]) acc[item.id] = []
  acc[item.id].push(item)
  return acc
}, {})

А вот тут спасибо. Не думал что он настолько медленный.

Ребят, я только начинаю вкатываться.
Создал 2 компонента:
1. List - единственная задача перебрать входящий массив объектов и вернуть вызванный компонент Item с аргументом obj
2. Компонент Item просто рендерит <li> с полями из объекта, принятого как аргумент.
Создал 2 интерфейса так как пишу на ts,

interface ItemProp{
    id: number;
    completed: boolean;
    title: string;
}
interface ItemsComponentProps{
    items: ItemProp[];
}

которые описывают объект содержащий данные и массив, содержащий объекты

По итогу на строке в компоненте list

 {props.items.map(item =>{
            return <Item obj = {item} />
        })}

Ловлю следующую ошибку:
Type '{ items: ItemProp; }' is not assignable to type 'IntrinsicAttributes & ItemProp'.

HELP!!!

покажите весь код

<Item {...item} />

а вы в List передали пропсы id, completed, title?

Спасибо, с одной проблемой разобрался, видимо map вернул массив и это не понравилось,
Теперь в App.tsx
Type '{ items: ItemProp; }' is not assignable to type 'IntrinsicAttributes & ItemProp'.
на строке:

  <List obj = {items}/>