habr (@habr@zhub.link)
Web Workers и React: как разгрузить UI и ускорить приложение
Всем, привет, меня зовут Дмитрий, я React-разработчик, и я снова здесь и попробую сегодня рассказать про Web Workers. Если вы хоть раз пробовали обрабатывать большой файл, парсить массив из сотен тысяч элементов или запускать сложные вычисления прямо в React-компоненте, то наверняка сталкивались с тем, что интерфейс подвисает, кнопки перестают реагировать, анимации застывают, и всё на секунду подвисает, пока скрипт не разлучит нас (ой, это не из этой сказки) завершит свою работу. Почему так происходит? Всё дело в том, что React, как и JS, в браузере работает на одном основном потоке. Точнее, чтобы меня не закидали помидорами, React — это библиотека JS, и она полностью работает в основном потоке браузера, который однопоточен. Когда вы запускаете тяжёлую синхронную задачу, она полностью занимает этот поток и блокирует его, мешая браузеру рендерить интерфейс и обрабатывать события пользователя. В современном фронтенде отзывчивость интерфейса — требование по умолчанию. Пользователи ожидают, что ваше приложение будет мгновенно реагировать на действия, даже если оно выполняет тяжёлые вычисления или загружает большие объёмы данных. В этой статье мы разберём, как можно решить эту проблему одним из вариантов — с помощью Web Workers.
https://habr.com/ru/companies/gnivc/articles/932256/
#web_workers #react #javascript #ui #оптимизаци #reactjs #reactjs
Show Original Post
frontenddogma (@frontenddogma@mas.to)
Next.js 15 for Beginners—Your First Step Into the World of Full-Stack React, by (not on Mastodon or Bluesky):
Show Original Post
plone (@plone@plone.social)
Do you have a story to tell? Plone Conference 2025 and PyCon Finland 2025 Call for Papers ends soon! https://2025.ploneconf.org/call-for-papers
Topics may range from Plone, Volto and websites to Python, React, AI and many more!
#plone #ploneconf2025 #pyconfinland2025 #cfp #Python #React #AI #webdesign #CMS
Show Original Post
ploneconf (@ploneconf@plone.social)
Do you have a story to tell? Plone Conference 2025 and PyCon Finland 2025 Call for Papers ends soon! https://2025.ploneconf.org/call-for-papers
Topics may range from Plone, Volto and websites to Python, React, AI and many more!
#plone #ploneconf2025 #pyconfinland2025 #cfp #Python #React #AI #webdesign #CMS
Show Original Post
habr (@habr@zhub.link)
Steroids UI Kit — разделение бизнес-логики и отображения React-компонентов
Это вторая статья из цикла про наш фреймворк Steroids, в которой мы расскажем об архитектурном подходе к построению UI-компонентов. Если вы ещё не читали первую статью — начните с неё. В ней мы объясняем, что такое Steroids и какие задачи он решает.
https://habr.com/ru/companies/kozhindev/articles/932176/
#фронтенд #фронтендфреймворки #фронтендразработка #react #reactjs #вебразработка #open_source
Show Original Post
wheregroup (@wheregroup@mastodon.social)
MapComponents Navigation Tools – jetzt mit brandneuem Globe-Mode! 🌐
Unser bewährtes „Navigation Tools“-Component wurde frisch aktualisiert:
Unsere Auszubildende Lena hat einen „Globe Mode“-Button ergänzt, mit dem Sie per Klick zwischen klassischer Mercator-Ansicht und interaktiver 3D-Kugel wechseln können – komplett im Browser und ganz ohne Plugins. 🗺️ 🌍
▶️ Direkt ausprobieren:
https://mapcomponents.github.io/react-map-components-maplibre/iframe.html?id=mapcomponents-mlnavigationtools--catalogue-demo&viewMode=story
@mapcomponents #NavigationTools #Globe #MapLibre #React #GIS #OpenSource
Show Original Post
alvaromontoro (@alvaromontoro@front-end.social)
What an ingenious clock component by Jon Kantner. Check the time in different cities around the world, with smooth animations and light/dark mode (the dark mode looks especially good). A really neat demo.
https://codepen.io/jkantner/pen/pvjNNVz
#html #css #js #javascript #webdevelopment #react
Show Original Post
nubecolectiva (@nubecolectiva@mastodon.social)
List of Vite and React Commands ! 🇺🇸
🔎Zoom: https://nubecolectiva.com/comunidad/flyers/vite-react-commands/
Lista de Comandos de Vite y React ! 🇪🇸
🔎Zoom: https://nubecolectiva.com/comunidad/flyers/comandos-vite-react/
#programming #coding #programación #code #webdevelopment #devs #softwaredevelopment #vite #react
Show Original Post
smattymatty (@smattymatty@techhub.social)
I'm back to working on https://github.com/ibrahim-sisar/EduLite , the #opensource #education platform that I am very passionate about.
We have 15 talented and passionate contributors, but I am looking to grow! That is why I have been working on a Central 'Community Wiki' for the project. Please, check it out, and let me know what you think!
Our three guiding values are 'Fair' (everyone can take part in the project), 'Open' (our community is open to all), and 'Free' (education should be free).
We are looking for #backend developers within the #Django and #Rest Framework.
We are looking for #frontend developers within the #React and #Tailwind Frameworks.
We are looking for a creative #designer / #designers to create wonderful UI/UX for students/teachers.
We are looking for #QA engineers to test our API and Frontend to ensure they work on low-quality internet or devices, to ensure accessibility.
If you are interested - https://discord.com/invite/phXnxX2dD4 - Join the discord!
#Python #Javascript #Teachers #Students #Teacher #Student
Show Original Post
sendcookies (@sendcookies@fosstodon.org)
New #blogpost up!
Feeling you need a little refresher on front-end testing?
Why don't you give it a read?
https://jacks.se/blog/frontend-testing
Feedback is greatly appreciated!
❤️
Show Original Post
severo (@severo@mastodon.social)
If Not React, Then What?
> Frameworkism isn't delivering. The answer isn't a different tool, it's the courage to do engineering.
https://infrequently.org/2024/11/if-not-react-then-what/
Very perturbing article by @slightlyoff which gives tons of good arguments against using React, or even any other Single Page Application framework.
It also has so many linked resources, that you have to be prepared for hours of reading.
Meanwhile, (nearly) all the clients I work for run a #React codebase 🥴
Show Original Post
raphael (@raphael@mastodon.sdf.org)
#react and memoization:
"React.memo stops rerenders... but you shouldn't just use this all over because you should fix the slow first renders!"
This doesn't seem like an argument against React.memo... and we're talking about object identity tests. What is the principled argument against me just putting React.memo on everything?
Show Original Post