У меня каждый пиксель это отдельный компонент, потому что внутри

Question

У меня каждый пиксель это отдельный компонент, потому что внутри

есть своя некоторая логика, у каждого пикселя есть id (в данном случае от 1 до 2730)

Один единый объект каждый раз править...?

Каждый пиксель через n времени скидывается в ноль (становится незакрашенным), поэтому я думал что стейт у каждого пикселя это норм тема...

#frontend #javascript #programming #react.js #russian

0

06.06.2023

16 ответов

24 просмотра

Rain

гм... и как ты это представляешь 2730 раз вызов хука useState ?

0

06.06.2023

Іван Вітюк

Rain
гм... и как ты это представляешь 2730 раз вызов ...

тоже кстати интересно))

0

06.06.2023

Andrew Kovalev

Rain
гм... и как ты это представляешь 2730 раз вызов ...

А сколько ре-рендеров))) ммм)

0

06.06.2023

Artemy Автор вопроса

Rain
гм... и как ты это представляешь 2730 раз вызов ...

блин, да, не подумал об этом

0

06.06.2023

Rain

Andrew Kovalev
А сколько ре-рендеров))) ммм)

Ну они наверно батчингом сольются в один? нет ?

0

06.06.2023

Andrew Kovalev

Artemy
блин, да, не подумал об этом

Тебе нужно матрицу создавать в стейте или типо того

0

06.06.2023

Rain

Artemy
блин, да, не подумал об этом

Ну вообще ты можешь кодогенератор такого компонета сделать и будет у тебя там автоматом создано 2730 строк с useState ))

0

06.06.2023

M a✖️

Rain
Ну вообще ты можешь кодогенератор такого компонета...

о Saverok привет, без всяких подтекстов, просто интересно, уже устроился на работу?

0

06.06.2023

Іван Вітюк

Rain
Ну вообще ты можешь кодогенератор такого компонета...

а отрендерить их еще надо))

0

06.06.2023

Andrew Kovalev

Rain
Ну вообще ты можешь кодогенератор такого компонета...

Можно. Вопрос в эффективности. Если юзать матрицу. За один сетстейт можно сразу перерисовать целый кадр игрового поля а не вызывать каждый раз хук для каждой клетки) Хотя я могу ошибаться

0

06.06.2023

Artemy Автор вопроса

Rain
Ну вообще ты можешь кодогенератор такого компонета...

у меня сейчас так и есть)) function createField() { let field = []; let counter = 1; for (let i = 0; i < m; i++) { let column = []; for (let j = 0; j < n; j++) { // eslint-disable-next-line no-loop-func let pixel = paintedPixels.find((pixel) => pixel.pixel_id === counter); column.push(<Pixel i={i} j={j} pixel={pixel} counter={counter} />); counter++; } field.push( <div key={i} className="column"> {column} </div> ); } return field; } return ( <div className="field" style={{ display: "flex" }}> {createField()} </div> );

0

06.06.2023

Rain

M a✖️
о Saverok привет, без всяких подтекстов, просто ин...

Мы знакомы? И что за saaverok? Вообще я сейчас ищу работу, но как бы я джун без опыта, поэтому пока еще не нашел

0

06.06.2023

M a✖️

Rain
Мы знакомы? И что за saaverok? Вообще я сейчас и...

Только по чатам знакомы, ты меняешь ники, но стиль общения остаётся тот же)

0

06.06.2023