#reactjs — Public Fediverse posts

Stop wasting months building your booking engine from scratch. I just released a complete full-stack solution that handles everything from scheduling to Stripe payments. It is fully responsive and ready to deploy for any service business right now.

🔗 Download: https://www.evostackr.in/source/free-servicehub-full-stack-service-booking-platform

#reactjs #programming #webdevelopment #startup #opensource

Stop wasting months building your booking engine from scratch. I just released a complete full-stack solution that handles everything from scheduling to Stripe payments. It is fully responsive and ready to deploy for any service business right now.

🔗 Download: https://www.evostackr.in/source/free-servicehub-full-stack-service-booking-platform

#reactjs #programming #webdevelopment #startup #opensource

🚀 We put off rewriting the Squads App for years.

An AngularJS → React migration felt expensive, risky, and hard to justify.

Then AI-assisted development changed the equation.

What surprised us most wasn't the speed of code generation. It was how the bottleneck shifted:
📄 Documentation became more valuable than prompts
🏗️ Architecture decisions mattered more than typing code
✅ Existing systems and tests became the migration blueprint
🤖 AI amplified good engineering practices rather than replacing them

The result? A migration once estimated in months was completed far faster than we'd expected.

📖 Read the full story: From AngularJS to React: How We Rewrote the Squads App with AI

#ReactJS #AIAssistedDevelopment

Removing React.js from the codebase and adapting Htmx for UI interactivity

https://misago-project.org/t/removing-reactjs-from-the-codebase-and-adapting-htmx-for-ui-interactivity/1267/

Comments: https://news.ycombinator.com/item?id=49067301

#HackerNews #ReactJS #Htmx #UIinteractivity #codebase #migration #frontend #development

Removing React.js from the codebase and adapting Htmx for UI interactivity

https://misago-project.org/t/removing-reactjs-from-the-codebase-and-adapting-htmx-for-ui-interactivity/1267/

Comments: https://news.ycombinator.com/item?id=49067301

#HackerNews #ReactJS #Htmx #UIinteractivity #codebase #migration #frontend #development

Stop letting weak logic and sluggish re-renders tank your app. Master advanced React hooks to build bulletproof infrastructure. ⚡

#ReactJS #WebDevelopment #SoftwareEngineering

https://bdking71.wordpress.com/2026/07/27/stop-letting-sluggish-react-hooks-destroy-your-infrastructure/

Stop letting weak logic and sluggish re-renders tank your app. Master advanced React hooks to build bulletproof infrastructure. ⚡

#ReactJS #WebDevelopment #SoftwareEngineering

https://bdking71.wordpress.com/2026/07/27/stop-letting-sluggish-react-hooks-destroy-your-infrastructure/

[Перевод] Что нового в WebStorm 2026.2

Несмотря на то, что WebStorm уже несколько лет официально недоступен в России, он по-прежнему остаётся одним из главных инструментов для веб-разработчиков. Недавно вышла новая версия WebStorm 2026.2. В релиз вошли поддержка TypeScript 7, нативная интеграция с GitHub Copilot, менеджер скиллов для ИИ-агентов и обновления для React, Vue, Svelte, Angular и других популярных технологий. Разработчики также улучшили отладку, работу с Node.js и Git, производительность и стабильность IDE. В статье разберём основные изменения WebStorm 2026.2, а также расскажем, какие возможности для веб-разработки уже доступны в OpenIDE и чего ожидать от её предстоящего перехода на платформу 2026.2.

https://habr.com/ru/companies/haulmont/articles/1061378/

#ide #webstorm #jetbrains #typescript #vue #react #reactjs #angular #angularjs #javascript

Day 14: MISSION ACCOMPLISHED! 🏁

The #P2P video app is live, tested, and installable as a #PWA. From foundations to a full-mesh conferencing tool in two weeks.

Built with #ReactJS, #TypeScript, #Peerix & #ZedEditor.

Thoughts and takeaways: https://meefik.dev/2026/07/20/peerix-talk/

App: https://talk.peerix.dev
Source: https://github.com/meefik/peerix-talk

#BuildInPublic #DevLog #WebRTC

Day 14: MISSION ACCOMPLISHED! 🏁

The #P2P video app is live, tested, and installable as a #PWA. From foundations to a full-mesh conferencing tool in two weeks.

Built with #ReactJS, #TypeScript, #Peerix & #ZedEditor.

Thoughts and takeaways: https://meefik.dev/2026/07/20/peerix-talk/

App: https://talk.peerix.dev
Source: https://github.com/meefik/peerix-talk

#BuildInPublic #DevLog #WebRTC

Day 13: Installable everywhere!

Turning the #P2P video app into a full-blown #PWA:

📱 Web App Manifest + icons & themes
🔔 Native install prompts (iOS/Android/Desktop)
⚡ App-like UX, zero store friction

Built with #ReactJS, #TypeScript & #Vite inside #ZedEditor.

#BuildInPublic #DevLog

Day 13: Installable everywhere!

Turning the #P2P video app into a full-blown #PWA:

📱 Web App Manifest + icons & themes
🔔 Native install prompts (iOS/Android/Desktop)
⚡ App-like UX, zero store friction

Built with #ReactJS, #TypeScript & #Vite inside #ZedEditor.

#BuildInPublic #DevLog

Day 11: E2E tests are here! 🧪

Adding automated #E2E testing with #Playwright to catch regressions fast in #P2P video app:

✅ Full browser automation setup
🔄 Cross-tab navigation & #UI interactions
🐛 Flaky test detection & retries

#ReactJS #TypeScript #Peerix #BuildInPublic #DevLog

Day 11: E2E tests are here! 🧪

Adding automated #E2E testing with #Playwright to catch regressions fast in #P2P video app:

✅ Full browser automation setup
🔄 Cross-tab navigation & #UI interactions
🐛 Flaky test detection & retries

#ReactJS #TypeScript #Peerix #BuildInPublic #DevLog

Day 10: Chat is live! 💬

Hooked up #Peerix via data channels for #P2P messaging:

✅ Data channels established
💬 Peer messages syncing instantly
🔥 Seamless chat integration complete

Built with #ReactJS, #TailwindCSS & #shadcn in #ZedEditor.

#TypeScript #BuildInPublic #DevLog

Day 9: Media streaming is alive! 💥

Hooked up #Peerix for live #WebRTC streams:

📹 Remote video tiles rendering flawlessly
🎙️ Mic/cam toggles syncing instantly

Built with #ReactJS, #TailwindCSS & #shadcn in #ZedEditor.

Next: P2P text chat! 💬

#TypeScript #BuildInPublic #DevLog

Day 8: Peer connections are live! 🕸️

Wired up the network backbone for the #P2P video app:

🌐 Added #Peerix to handle #WebRTC connections
👥 Full mesh support across multiple peers in the same room

Next step: WebRTC media stream sharing 💥

#ReactJS #TypeScript #BuildInPublic #DevLog

Day 7: Expect the unexpected! ⚠️

Making the #P2P video app robust against real-world chaos:

🚫 Graceful error handling for blocked cam/mic permissions
🔑 Room joining logic fully wired up
🧩 Clean UI fallbacks for missing devices

#ReactJS #TypeScript #JavaScript #shadcn #TailwindCSS #BuildInPublic #DevLog

Day 6: Lights, camera, action! 🎥🎙️

Today, the #P2P video app gets local media streams! Wired up device inputs to the UI:

📹 Live camera capture & tile display
🎤 Mic audio capture & toggle sync
📱 Responsive header for sleek mobile navigation

Demo below 👇

#ReactJS #TypeScript #TailwindCSS #shadcn #ZedEditor #BuildInPublic #DevLog

Day 5: Video tiles 🎬

Tackling the hardest part of the #P2P video app UI yet! Here's what I'm packing into the layout:

👤 Name & Identicon
🎙️ Mic & Active speaker indicators
📱 Responsive tiles + pinning 📌

Building with #ReactJS, #TailwindCSS & #shadcn in #ZedEditor.

#TypeScript #BuildInPublic #DevLog

Stop sabotaging your SPFx solutions. It is time to kill the bloat and get serious about your React architecture. Stop drilling props and start engineering systems that actually scale. 🏗️ Your code is your reputation. Clean it up. 🚀 #SPFx #ReactJS #SharePoint

https://bdking71.wordpress.com/2026/07/06/architecting-react-in-spfx-eliminating-prop-drilling-and-functional-component-bloat/

Stop sabotaging your SPFx solutions. It is time to kill the bloat and get serious about your React architecture. Stop drilling props and start engineering systems that actually scale. 🏗️ Your code is your reputation. Clean it up. 🚀 #SPFx #ReactJS #SharePoint

https://bdking71.wordpress.com/2026/07/06/architecting-react-in-spfx-eliminating-prop-drilling-and-functional-component-bloat/

Day 2: Lobby view is alive! 🚪✨

Just built the "Join Room" interface for the #P2P video app using #ReactJS, #shadcn and #TailwindCSS.

What's working:
👤 User name input
🔑 Room ID display & Join action
🎤 Mic toggle + audio indicator & device selector
📹️ Camera toggle + live preview dropdown

Getting the media device selectors and the real-time audio level indicator smooth with the #AI agent in #ZedEditor felt useful.

Git: https://github.com/peerix-dev/peerix-talk

#DevLog #BuildInPublic #OpenSource

Day 2: Lobby view is alive! 🚪✨

Just built the "Join Room" interface for the #P2P video app using #ReactJS, #shadcn and #TailwindCSS.

What's working:
👤 User name input
🔑 Room ID display & Join action
🎤 Mic toggle + audio indicator & device selector
📹️ Camera toggle + live preview dropdown

Getting the media device selectors and the real-time audio level indicator smooth with the #AI agent in #ZedEditor felt useful.

Git: https://github.com/peerix-dev/peerix-talk

#DevLog #BuildInPublic #OpenSource

Я запустил GTA San Andreas на своем движке в браузере, один с Claude, за 3 недели

далее пойдёт подробная история о том, как я его создал — игровой движок с нуля, сделанный совместимым с RenderWare (движком, на котором работает GTA San Andreas), запускающийся в браузере. Один, за три недели, с Claude Code.

https://habr.com/ru/articles/1051828/

#gta_san_andreas #gta_sa #react #reactjs #threejs #gamedev

Gotta say man, React being responsible for "accidentally" delivering the payload of the Dialog "leak” is classic React and a classic symptom of modern web development. Automation + lots of moving parts gives you exactly this kind of shit. There is no hacking needed when people carelessly publish. You can literally read it in the JavaScript lmao

Article: https://bsky.app/profile/timmarchman.bsky.social/post/3moy54w3dgc2q

crimew.gay: https://bsky.app/profile/crimew.gay/post/3moejkbqctc2z

#React #ReactJS #Dialog

Gotta say man, React being responsible for "accidentally" delivering the payload of the Dialog "leak” is classic React and a classic symptom of modern web development. Automation + lots of moving parts gives you exactly this kind of shit. There is no hacking needed when people carelessly publish. You can literally read it in the JavaScript lmao

Article: https://bsky.app/profile/timmarchman.bsky.social/post/3moy54w3dgc2q

crimew.gay: https://bsky.app/profile/crimew.gay/post/3moejkbqctc2z

#React #ReactJS #Dialog

Stop dragging your bloated desktop code into the mobile era. Transform your React apps into lean, high-performance Viva Connections dashboards that actually survive in the field. Build faster, cut the rot, and dominate your architecture. 🚀🔥 #VivaConnections #SharePoint #ReactJS

https://bdking71.wordpress.com/2026/06/22/the-digital-field-hospital-grafting-your-react-app-into-viva-connections/

Stop dragging your bloated desktop code into the mobile era. Transform your React apps into lean, high-performance Viva Connections dashboards that actually survive in the field. Build faster, cut the rot, and dominate your architecture. 🚀🔥 #VivaConnections #SharePoint #ReactJS

https://bdking71.wordpress.com/2026/06/22/the-digital-field-hospital-grafting-your-react-app-into-viva-connections/

RT @KanikaBK: DU BIST NOCH NICHT DAFÜR BEREIT..

mehr auf Arint.info

#KIKI #LangChain #OpenSource #Priompt #PromptEngineering #ReactJS #arint_info

https://x.com/KanikaBK/status/2067170138466693371#m

React-like syntax with WebComponents.

​After spending some time with Lit, I really appreciated its lightweight footprint but wasn't a fan of the class-based components. While Vue offers a great approach, I still prefer the intuitive nature of React's syntax for debugging and deterministic rendering. This led me to a challenge: could I build a UI framework using WebComponents that completely eliminates the need for transpilation?

​I have written a breakdown of the concept, the architecture, and where I want to take it. I highly invite you to take a look, check out the code, and explore the live demo.

* How it works: https://positive-intentions.com/docs/projects/dim/dim-jsx-webcomponents
* Checkout the code: https://github.com/positive-intentions/dim
* Storybook demo: https://dim.positive-intentions.com

​Please note, while the project is open-source, this is a personal exploration rather than an attempt to launch "yet another framework." It is not production-ready and is built for my own upcoming project migrations, but I am sharing it in hopes that the methodology is educational or interesting to the community.

​I would love to hear your thoughts on this approach. Feel free to reach out if you have any questions or want to discuss the implementation details.

​#WebDev #WebDevelopment #Frontend #FrontendDev #JavaScript #JS #TypeScript #TS #HTML #HTML5 #CSS #SoftwareEngineering #SoftwareEngineer #Coding #Programming #WebDesign #OpenSourceProject #IndieDev #SideProject #Tech #Technology #DevCommunity #Fediverse #FediverseDevs #WebStandards #CustomElements #ShadowDOM #VanillaJS #NoTranspiler #NoBuild #BuildStep #EsModules #ComponentDriven #UIUX #DesignSystems #TechExperiment #LearningInPublic #Developer #ComputerScience #OSS #Github #React #WebComponents #Lit #Vue #ReactJS #JSX #Storybook #TechArticle #TechBlog #TechWriting #WebDevArticles

React-like syntax with WebComponents.

​After spending some time with Lit, I really appreciated its lightweight footprint but wasn't a fan of the class-based components. While Vue offers a great approach, I still prefer the intuitive nature of React's syntax for debugging and deterministic rendering. This led me to a challenge: could I build a UI framework using WebComponents that completely eliminates the need for transpilation?

​I have written a breakdown of the concept, the architecture, and where I want to take it. I highly invite you to take a look, check out the code, and explore the live demo.

* How it works: https://positive-intentions.com/docs/projects/dim/dim-jsx-webcomponents
* Checkout the code: https://github.com/positive-intentions/dim
* Storybook demo: https://dim.positive-intentions.com

​Please note, while the project is open-source, this is a personal exploration rather than an attempt to launch "yet another framework." It is not production-ready and is built for my own upcoming project migrations, but I am sharing it in hopes that the methodology is educational or interesting to the community.

​I would love to hear your thoughts on this approach. Feel free to reach out if you have any questions or want to discuss the implementation details.

​#WebDev #WebDevelopment #Frontend #FrontendDev #JavaScript #JS #TypeScript #TS #HTML #HTML5 #CSS #SoftwareEngineering #SoftwareEngineer #Coding #Programming #WebDesign #OpenSourceProject #IndieDev #SideProject #Tech #Technology #DevCommunity #Fediverse #FediverseDevs #WebStandards #CustomElements #ShadowDOM #VanillaJS #NoTranspiler #NoBuild #BuildStep #EsModules #ComponentDriven #UIUX #DesignSystems #TechExperiment #LearningInPublic #Developer #ComputerScience #OSS #Github #React #WebComponents #Lit #Vue #ReactJS #JSX #Storybook #TechArticle #TechBlog #TechWriting #WebDevArticles

In today’s programming workshop for @coocook we’ve fixed a long-standing bug in the ingredients editor (image 1):

When you added ingredients to recipes there was a #RaceCondition. The new ingredient is always added to the database but SOMETIMES the view was updated before so the new ingredient wasn’t visible until next reload …

It was a nice engineering challenge to reproduce this issue reliably. Slowing down the connection did not help. Making any of the requests respond slower did not help. Using the #Starman application server for #Perl instead of the single-threaded dev server finally allowed to reproduce the issue 😅

The actual bug was in the #reactjs app: Requests for adding the new ingredient and updating the view were fired but the keyword "await" was missing to actually wait for the response 🙈 (image 2)

https://gitlab.com/coocook/web-components/-/commit/ca2b23914c59f71a3f11618d9328684480a0b778

In today’s programming workshop for @coocook we’ve fixed a long-standing bug in the ingredients editor (image 1):

When you added ingredients to recipes there was a #RaceCondition. The new ingredient is always added to the database but SOMETIMES the view was updated before so the new ingredient wasn’t visible until next reload …

It was a nice engineering challenge to reproduce this issue reliably. Slowing down the connection did not help. Making any of the requests respond slower did not help. Using the #Starman application server for #Perl instead of the single-threaded dev server finally allowed to reproduce the issue 😅

The actual bug was in the #reactjs app: Requests for adding the new ingredient and updating the view were fired but the keyword "await" was missing to actually wait for the response 🙈 (image 2)

https://gitlab.com/coocook/web-components/-/commit/ca2b23914c59f71a3f11618d9328684480a0b778

MobX или приправа реактивности для JS

Привет, Хабр! Меня зовут Сергей Волков, я фронтенд-разработчик в компании VK. Мы используем MobX для работы с реактивными значениями в веб-приложениях, поэтому я хочу познакомить вас с этим инструментом и показать, почему на него стоит обратить внимание. В этой статье я хочу поделиться своими мыслями о MobX - инструменте, который я искренне полюбил после многих лет разработки интерфейсов. Приятного чтения! :)

https://habr.com/ru/articles/1043240/

#mobx #react #reactjs #reactjs #frontendразработка #frontend #ооп #oop #oop_patterns #mvvm

Что не так с React.js? Мой личный баттхёрт

Данная статья может вызвать очень много баттхёрта в районе нижней точке у фанатов “прекрасной библиотеки” React.js просьба - уйти и не читать статью чтобы не повредить свою психику и сразу поставить дизлайк статье, негативные комментарии я удалять не буду мне без разницы, это крик души и мой личный баттхёрт после продолжительной работой с этим и инструментом. Расскажу непопулярное мнение про этот инструмент, расскажу про его реальные минусы про которые почему то все молчат.

https://habr.com/ru/articles/1043016/

#react #негативные_мысли #негативные_отзывы #reactjs #frontend #frontend_разработка

I wonder if there are Dutch people in the Netherlands? I was speaking to tech people there to market my product https://injee.codeberg.page/, and out of 20, only 3 were Dutch. All others were Indian 🤯🤯

We Indians are literarily infesting rats.

#India #Dutch #Holland #Programming #Technology #FrontEnd #JavaScript #ReactJS

I am trying to teach myself #ReactJS and #typescript by building blackjack, and... it took me a good two hours to get all the toolchain installed, but now I have, progress is happening

I am trying to teach myself #ReactJS and #typescript by building blackjack, and... it took me a good two hours to get all the toolchain installed, but now I have, progress is happening

Most JavaScript apps don't need a rewrite.

They need a maintenance cadence: framework upgrades, dependency cleanup, security patches. Fixed-cost monthly. 25%+ lift in feature delivery from managing debt.

https://www.upgradejs.com/javascript-maintenance-services?utm_source=mastodon&utm_medium=Organic&utm_campaign=EvergreenPromo&utm_content=Textonly&utm_term=javascript-maintenance-services-mastodon-2026-05

#JavaScript #TechnicalDebt #ReactJS #NodeJS

⚛️ Does anybody actually like React? https://jsx.lol/

#react #reactjs #javascript

⚛️ Does anybody actually like React? https://jsx.lol/

#react #reactjs #javascript

Does Anybody Actually Like React?

https://jsx.lol

#HackerNews #React #ReactJS #WebDevelopment #FrontendProgramming #TechDebate

https://www.wiz.io/blog/mini-shai-hulud-strikes-again-tanstack-more-npm-packages-compromised
#CyberSecurity #InfoSec #SupplyChainSecurity #SoftwareSupplyChain #NPM #OpenSourceSecurity #AppSec #DevSecOps #ThreatIntel #Malware #JavaScript #NodeJS #CICD #GitHubActions #CloudSecurity #TypeScript #ReactJS #WebDev #OpenSource #DevTools #SoftwareEngineering #DeveloperSecurity #SecureCoding #GitHub #SupplyChainAttack #Programming #TechNews #DevOps #ApplicationSecurity #ThreatResearch #SecurityEngineering #CyberAttack #Hackers #MalwareAlert #SecurityResearch #DevCommunity

Seemingly bad #tanstack #reactquery supply chain attack: https://github.com/TanStack/router/issues/7383

#reactjs

Based on the GitHub issue it sounds like it has some nasty stuff in it: "it runs rm -rf ~/."

Bad time to be running an agent with root access.

Well this weekend I spent much of it hacking Python and ReactJS… teaching a PocketBeagle SBC some new tricks. These devices are being used in RFID terminals that take card reads from UHF RFID scanners, and transmit them back to base over APRS/AX.25.

I added the ability to associate a tag EPC with a competitor number. Over WiFi, they now send that number to a Pimoroni Interstate75W using UDP multicast, to flash up on a RGB LED display.

A ReactJS web interface allows for updating those associations, and observing status in real time. Also sending competitor numbers over packet by manual entry.

I'm really pushing the limits of APRS: 60 characters is not a lot. I might be dusting off my 6LoWPAN over AX.25 ideas yet.

#Python #ReactJS #APRS

Мы увязли в Feature-Sliced Design

Всем привет, меня зовут Сергей Сибара, я фронтенд-разработчик в ИТ-холдинге Т1. Эта статья —продолжение предыдущей: Мой справочник по Feature-Sliced Design . На этот раз я рассмотрю, как по моему субъективному мнению улучшить файловую структуру проекта, нарушая рекомендации FSD.

https://habr.com/ru/companies/T1Holding/articles/1028836/

#react #reactjs #vue #vuejs #javascript #typescript #featuresliced_design #fsd #frontend #вебразработка

*sigh* The latest version of PlexAmp for macOS appears to be horribly broken.. It can't even play downloaded files without skipping and freezing. The UI is slow AF, and spikes my M4 Pro CPUs at 100%. "Built with Reactive Native" Oh, I see. This is why we can't have nice things.

#plex #reactjs