модно ли сделать этот код асинхронным, чтобы он не блокировал действия пользователя?
https://i.imgur.com/D0SdtmP.png

canvas.toDataURL("image/png", 0.3)
занимает довольно много ресурсов

это не поможет, но var замени на const

что может помочь?

Доброго дня. Есть вопрос по реакту - допустим, мне нужно сделать панель, через которую пользователь может переключаться между различными инструментами для взаимодействия с изображением: "карандаш", "кисть", "вектор" и т.д. Каждый инструмент при выборе будет изменять поведение холста при клике по нему. Есть ли какой-то более-менее общепринятый подход к реализации такого функционала, или можно просто поставить текущий инструмент в state через Redux, а для холста прописать onClick() для каждого из инструментов с переключателем if/else if?

не знаю, а почему ты используешь then вместо await?

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

я бы так написал, должно работать. если ты все это обернешь в async который вызовешь без await, блокировать не должно

ок попробую, спасибо

по прежнему так, может это у canvas так, что нельзя это сделать асинхронно

в асинхронную iife оберни внутренности функции, а функцию синхронной сделай

https://i.imgur.com/xiTlmQH.png

с async и без все также

как можно перед определить размер FormData() ?
а именно  заголовок Content-Length

а что, браузер сам не выставляет?

есть такое, но мне нужно на чанки разбить данные

нужно как-то вычислить сколько байтов имеют отправляемые данные
https://i.imgur.com/zfMPVqW.png

пока эта строка не выполнится, addUserPhoto и всё что ниже не выполнится

мне нужно както сделать строка с canvas асинхронно выполнялась, после того как это закончится уже дальше идти

Не, он будет run-to-completion всё равно