home.social

#react — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #react, aggregated by home.social.

fetched live
  1. Реалтайм на WebSocket со сквозной типизацией: TypeScript, Bun, React, Point0

    Бывает так: есть фулстек проект, и в нём всё хорошо. Откуда-то есть сквозные типы (tRPC, генерация из OpenAPI), есть авторизация, есть основной функционал. А потом вы решаете добавить реалтайм: уведомление о новом посте в ленте, чат между пользователями, интерактивную доску. И появляется целый новый слой абстракций, в котором надо заново изобрести всё, что в проекте уже есть, только на новый лад. И дальше поддерживать две разные системы. В своём фреймворке Point0 я добавил четыре новых реалтайм-поинта (структурные единицы наравне со страницами, лэйаутами, квери, мутациями): канал, спейс, клиентский хэндлер, серверный хэндлер. На них собирается практически любая реалтайм-функциональность, кода получается мало, и читается он интуитивно. Эти поинты несут те же свойства, что и все остальные: код сервера и клиента живут в одном файле, компилятор вырезает клиентский код из серверной сборки, а серверный из клиентской типизация сквозная и выводится из дженериков самого фреймворка, без генерации типов Под катом покажу на примерах, как это работает, и объясню суть парадигмы, чтобы вы могли собрать любое реалтайм-приложение.

    habr.com/ru/articles/1069716/

    #react #typescript #nodejs #point0 #bun #websocket #webdevelopment #realtime #fullstack

  2. ich wurde eben gefragt

    würdest du die Webseite und die SaaS Anwendung mit

    #Python, #React, und #JS machen oder

    #C# , #Go und #Rust

    Ich habe ganz viele Fragen jetzt, aber die erste war

    was sind die Kernfunktionen, die die Anwendung leisten muss?

    Darauf hin kam die Antwort. Oh das hat mich claude nicht gefragt

    #ai #doomsday

  3. ich wurde eben gefragt

    würdest du die Webseite und die SaaS Anwendung mit

    #Python, #React, und #JS machen oder

    #C# , #Go und #Rust

    Ich habe ganz viele Fragen jetzt, aber die erste war

    was sind die Kernfunktionen, die die Anwendung leisten muss?

    Darauf hin kam die Antwort. Oh das hat mich claude nicht gefragt

    #ai #doomsday

  4. State of modern web.

    Embedded map requires and permission prompt is waiting to be allowed.

    But application already crashed and the whole page is rendered useless.

  5. State of modern web.

    Embedded map requires #WebGL and permission prompt is waiting to be allowed.

    But application already crashed and the whole page is rendered useless.

    #react #modernweb #nextjs

  6. Building better digital products starts with solving the right problems.

    At ApplogiQ, we explore how AI, React, cloud technologies, SaaS, and modern engineering practices can help teams create scalable and user-focused products.

    We’re sharing what we learn along the way—ideas, experiments, technical insights, and lessons from real-world product development.

    What technology are you exploring right now? 🚀

    #AI #React #SoftwareDevelopment #SaaS #WebDevelopment

  7. Building better digital products starts with solving the right problems.

    At ApplogiQ, we explore how AI, React, cloud technologies, SaaS, and modern engineering practices can help teams create scalable and user-focused products.

    We’re sharing what we learn along the way—ideas, experiments, technical insights, and lessons from real-world product development.

    What technology are you exploring right now? 🚀

    #AI #React #SoftwareDevelopment #SaaS #WebDevelopment

  8. Horrible admission on my part here but...

    For a #SPA... The recent versions of #react is actually NOT horrible...

    Function-based components, `useState`, `useEffect`, TanStack Query... Actually getting a pretty reasonably structured codebase, and an interactive UI, where state flows properly without a million lines of boilerplate.

    Not ready to say that I enjoy it, but I'm definitely positively surprised, after giving React shit for years.

    Keep in mind though, that this is browser-only, statically built js. No server-side JS. No Nodejs running on the server.

  9. Horrible admission on my part here but...

    For a #SPA... The recent versions of #react is actually NOT horrible...

    Function-based components, `useState`, `useEffect`, TanStack Query... Actually getting a pretty reasonably structured codebase, and an interactive UI, where state flows properly without a million lines of boilerplate.

    Not ready to say that I enjoy it, but I'm definitely positively surprised, after giving React shit for years.

    Keep in mind though, that this is browser-only, statically built js. No server-side JS. No Nodejs running on the server.

  10. Upgrade your #React app from aws-sdk-v2 to aws-sdk-v3, it'll be fun, they said.

    6 fucking hours later...

    Works from local deploy, but the signed url causes an #AWS S3 403 in production. Followed AWS's own code snippets and everything.

    Fucking maddening.
  11. Cerchi un'alternativa moderna a Visio o draw.io? MsVisio punta tutto sul browser con un'interfaccia intuitiva, numerose forme e strumenti avanzati per creare diagrammi professionali. #OpenSource #MsVisio #React #Diagrammi #Linux linuxeasy.org/msvisio-leditor-

  12. Cerchi un'alternativa moderna a Visio o draw.io? MsVisio punta tutto sul browser con un'interfaccia intuitiva, numerose forme e strumenti avanzati per creare diagrammi professionali. #OpenSource #MsVisio #React #Diagrammi #Linux linuxeasy.org/msvisio-leditor-

  13. Ditching React Router for wouter in client SPAs and Electron apps is top-tier dev catharsis.

    Turns out matching a URL string to a UI component doesn't require a full-stack meta-framework. Who knew? #react

  14. Ditching React Router for wouter in client SPAs and Electron apps is top-tier dev catharsis.

    Turns out matching a URL string to a UI component doesn't require a full-stack meta-framework. Who knew? #react

  15. От идеи создания своего React‑проекта до столкновения с реальностью

    Книжный тир-лист, SPA, боты и 55 запросов в месяц. Честная история пет-проекта: от «все обнимут меня» до пререндера и коллабораций с блогерами.

    habr.com/ru/articles/1067532/

    #SPA #seoпродвижение #React #индексация #headlessбраузер #prerendering #петпроект #книжный_тирлист #BookStrata #ssr

  16. «Next.js 16.3 senkt Speicherverbrauch um bis zu 90 Prozent:
    Deutlich geringerer Speicherverbrauch, schnellere Seitenwechsel, Rust-basierter React-Compiler - Next.js 16.3 bietet umfassende Performanceverbesserungen.»

    Haleluja, ein Wunder geschieht!1!! Wie ich es vermutete, Rust ist diesbezüglich "Die Lösung" ;)
    P.S. Mir pers. gefällt es wie dies sich entwickelt.

    🧑‍💻 heise.de/news/Next-js-16-3-sen

    #nodejs #javascript #webdev #typescript #js #ts #speicher #rust #rustlang #coding #performance #react

  17. «Next.js 16.3 senkt Speicherverbrauch um bis zu 90 Prozent:
    Deutlich geringerer Speicherverbrauch, schnellere Seitenwechsel, Rust-basierter React-Compiler - Next.js 16.3 bietet umfassende Performanceverbesserungen.»

    Haleluja, ein Wunder geschieht!1!! Wie ich es vermutete, Rust ist diesbezüglich "Die Lösung" ;)
    P.S. Mir pers. gefällt es wie dies sich entwickelt.

    🧑‍💻 heise.de/news/Next-js-16-3-sen

    #nodejs #javascript #webdev #typescript #js #ts #speicher #rust #rustlang #coding #performance #react

  18. Next.js 16.3 senkt Speicherverbrauch um bis zu 90 Prozent

    Deutlich geringerer Speicherverbrauch, schnellere Seitenwechsel, Rust-basierter React-Compiler: Next.js 16.3 bietet umfassende Performanceverbesserungen.

    heise.de/news/Next-js-16-3-sen

    #Compiler #IT #JavaScript #React #Rust #TypeScript #Webentwicklung #news

  19. Can we talk about how it's absolutely wild that some really basic usability issues with JSX have just not been addressed since I first learned of #React back in the early Stone Age? Even CSS manages to map "gray" to "grey", but class to className? Apparently impossible! Having two expressions instead of one? Even more impossible!