FediScanner

#react

← Back
31.07.2025 04:35
objects (@objects@social.jazzbutcher.com)

In #React, it is infuriatingly non straightforward to fetch() an external XLS file so that it can be parsed into JSON at time of use.

I'm having for fuck around with local /api making "useSWR" calls to an external server, manually converting streaming buffers and bullshit.

All I wanna do is suck the file into memory so I can parse it into JSON to drive a UI view Hours spent on this shit.

I hate computers.

Show Original PostReport
30.07.2025 17:22
habr (@habr@zhub.link)

Web Workers и React: как разгрузить UI и ускорить приложение

Всем, привет, меня зовут Дмитрий, я React-разработчик, и я снова здесь и попробую сегодня рассказать про Web Workers. Если вы хоть раз пробовали обрабатывать большой файл, парсить массив из сотен тысяч элементов или запускать сложные вычисления прямо в React-компоненте, то наверняка сталкивались с тем, что интерфейс подвисает, кнопки перестают реагировать, анимации застывают, и всё на секунду подвисает, пока скрипт не разлучит нас (ой, это не из этой сказки) завершит свою работу. Почему так происходит? Всё дело в том, что React, как и JS, в браузере работает на одном основном потоке. Точнее, чтобы меня не закидали помидорами, React — это библиотека JS, и она полностью работает в основном потоке браузера, который однопоточен. Когда вы запускаете тяжёлую синхронную задачу, она полностью занимает этот поток и блокирует его, мешая браузеру рендерить интерфейс и обрабатывать события пользователя. В современном фронтенде отзывчивость интерфейса — требование по умолчанию. Пользователи ожидают, что ваше приложение будет мгновенно реагировать на действия, даже если оно выполняет тяжёлые вычисления или загружает большие объёмы данных. В этой статье мы разберём, как можно решить эту проблему одним из вариантов — с помощью Web Workers.

habr.com/ru/companies/gnivc/ar

#web_workers #react #javascript #ui #оптимизаци #reactjs #reactjs

Show Original PostReport