home.social

#frontend_architecture — Public Fediverse posts

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

fetched live
  1. SSE в production: почему нативного EventSource недостаточно и что с этим делать

    Разбираю, почему нативного EventSource часто недостаточно для production SSE: авторизация через headers, контролируемый reconnect, backoff, race conditions, stale-stream watchdog и синхронизация нескольких вкладок через Web Locks + BroadcastChannel. На базе этих проблем я вынес real-time слой из AI SaaS-продукта в open-source библиотеку sse-runtime и заменил ей самописную инфраструктуру: −3 455 строк кода в production PR, один useSSE-хук вместо ручного reconnect, leader election и отладочного boilerplate. Почему EventSource ломается в production

    habr.com/ru/articles/1044808/

    #sse #serversent_events #react #typescript #realtime #streaming #frontend_architecture #BroadcastChannel #npm #open_source

  2. Scoped Store: Когда useReducer не тянет, а Redux — слишком

    Когда локальный стейт в React-модуле начинает расти - разработчик инстинктивно тянется к useReducer+Context . Это работает, пока не перестаёт: ререндеры везде, провайдеры в елочку, логика размазана. В статье разбираю как этот путь выглядит в реальном продакшне на примере редактора субтитров, и почему паттерн Scoped Store на базе Context+Zustand+useRef решает эту проблему чище и проще.

    habr.com/ru/articles/1034926/

    #react #zustand #context_api #useReducer #useState #state_management #оптимизация_ререндеров #useRef #react_performance #frontend_architecture

  3. Алгоритм резолва зависимостей в Angular Ivy: Математика Блум-фильтров и битовые маски

    Как Angular Ivy находит зависимости за O(1)? Глубокое погружение в алгоритм резолва: от генерации уникальных ID токенов до битовой магии Блум-фильтров. Разбираем, почему строковые токены замедляют ваше приложение и как работает наследование кумулятивных масок в LView. Разложить на биты

    habr.com/ru/articles/988606/

    #Angular #Ivy #Dependency_Injection #Bloom_Filter #Web_Internals #Блумфильтр #Оптимизация_производительности #Frontend_Architecture #Битовые_маски #reverse_engineering