60 рендеров элемента в секунду это ведь не страшно, да?

Так и делаю стилями. width={currentProgress} Просто интересуюсь, есть ли смысл заморачиваться как-то с этим? Мне кажется что я сам себя обманываю с тем, что так делать нельзя

0

05.05.2022

Станислав Алимпиев

Евгений 🎃

Так и делаю стилями. width={currentProgress} Прост...

По идее 1 ререндера в секунду должно хватать для полосы прогреса так как в стилях можно указать время анимаций что очень удобно, а в переменной/состояний реакта передавать новое значение.

0

05.05.2022

Илюша 🎂

60 рендеров в секунду не станут быстрее из-за использования этой функции

0

05.05.2022

Alexey Shevchenko

Во-первых, анимация ширины плохо влияет на перфоманс, ибо критикан рендеринг паф (хоть я недавно также сделал) Ты можешь просто делать какой-то запрос, и допустим каждую секунду проверять прогресс там. Если он изменился делаешь сетстейт(ньювэлье) Само вэлью прокидывается в стили, как у тебя. Только попробуй трансформ скейл по иксу, поскольку трансформ анимации более оптимизированы в браузерах (также транслейт хуже чем транслейт3д)

0

05.05.2022

Alexey Shevchenko

Илюша 🎂
60 рендеров в секунду не станут быстрее из-за испо...

Ну тогда либо канвас, либо уменьшать количество рендеров. Ну иначе тут никак)

0

05.05.2022

Евгений 🎃 Автор вопроса

Alexey Shevchenko
Во-первых, анимация ширины плохо влияет на перфома...

Та я уже разобрался, это вполне нормально же, когда один рендер занимает 1.1мс

0

05.05.2022