Не слишком ли затратно делать деструктуризацию параметров из useState в React на каждый рендер?

Question

[krakaka]

Допустим есть такой код с официальной документации:

function Box() {
  const [state, setState] = useState({ left: 0, top: 0, width: 100, height: 100 });
  // ...
}

Получается каждый раз, когда компонент Box перерендеривается, происходит деструктуризация массива + создание нового объекта в качестве значения для useState. И такими компонентами весь проект например усеян. Это разве норма, не слишком ли это расточительно?

Comments

[Леонид Князев]

Не понятно, про какую деструктуризацию вы говорите? В приведенном примере я её не вижу.

[krakaka]

Леонид Князев,
[state, setState] = ...

[Александр]

А писать код по типу

const state = useState([{ id: 1, text: 'qwerty', completed: false }]);

const addTodo = (text) => state[1]((todos) => [...todos, {
    id: Date.now(),
    text,
    completed: false
}]);

<div>
    {state[0].map((data) => (
        <Todo data={data} key={data.id} />
    ))}
</div>

удобнее?

[krakaka]

Александр, нет, тоже хрень какая-то. Я просто к тому, что люди безо всякой задней мысли пишут так, как я описал в вопросе

[Lynn «Кофеман»]

Это будет примерно предпоследнее место где будут тормоза.

[Alexandroppolus]

На перерендере все равно создаётся дохрена объектов в куче. Все эти треугольные скобочки - это объекты новые. Реакт не даёт скучать сборщику мусора )
Так что забей.
В совсем тонких местах всё делается без перерендеров.

[krakaka]

Alexandroppolus, спасибо

[Denis Masson]

krakaka, потому что так рекомендует документация реакта, о какой задней мысли речь?)

[krakaka]

Denis Masson, а если документация реакта скажет спрыгнуть с 9-го этажа?

[Denis Masson]

krakaka, до крайности не доводи, нормальные проекты пишутся как в доке, если ты пишешь иначе значит проблема в тебе

[Denis Masson]

krakaka, не я говорю про подсчет спичек и потом хамлю на ответ

[krakaka]

Denis Masson, ну да, экономия на спичках. потом из-за таких как ты у меня вся батарея разряжается при просмотре сайтов

[krakaka]

Denis Masson, "хамлю" - ну что ты как девочка )