RU

Архитектура безопасности во frontend-приложениях: Server Actions и защита данных в эпоху Next.js

Мир frontend-разработки за последние несколько лет изменился коренным образом. Если еще пять лет назад стандартом де-факто были одностраничные приложе…

безопасностьархитектураnext.jsreactreact server componentsserver actionssecuritysecurity through obscurity
Habr
RU

Как я сделал «клик по элементу → открыть в VS Code» за один вечер

Началось всё банально. Зашёл коллега, говорит: «Где у нас хлебные крошки в шапке лежат?». Проект — около 150 компонентов, всё именуется по-своему, стр…

vitereactbabelASTvite-plugindeveloper toolsopen sourceDXreact-fiberclick-to-component
Habr
RU

Кейс. Zero Bug Policy: как мы снизили бэклог багов в 4 раза за месяц

Баги — неизбежная часть разработки.  В этой статье расскажу наш опыт: как мы внедрили Zero Bug Policy в нашем стартапе (B2B fintech) и за месяц с…

zero-bug-policyreactjavazero bug policyQAquality assuranceкачествостабильностьbackendmachine learning
Habr
RU

Context-driven Reusable Form Pattern: Масштабируемая архитектура для Create / Edit / Create-from-Source

Как перестать копировать формы и построить масштабируемую архитектуру В enterprise-приложениях формы множатся быстро: create, edit, import, create-fro…

reactmobxzustandfrontendtypescriptjavascriptenterprise architectureформы reactreact hook formredux
Habr
RU

Как «спят» вкладки в браузере

Привет! Меня зовут Костя, я разработчик интерфейсов в ЮMoney. В этой статье разбираю, почему вкладка после возврата из фона начинает вести себя странн…

frontendfrontendconfконференциямитаптроттлингbfcachepage visibility apiмитапы по фронтендумитапы в петербургеreact
Habr
RU

[Перевод] Спустя 5 лет и $5 миллионов: почему создание нового языка для веб-разработки оказалось ошибкой

В  Wasp мы создаём фулстек-фреймворк — наподобие Rails или Laravel для JS, только ещё и расширенный на фронтенд. Мы с моим братом-близнецом начал…

ruvds_переводпрограммированиеwaspreacttypescriptфронтендбэкендфреймворки для разработки
Habr
RU

От идеи до работающего Android-приложения: мой опыт vibe-кодинга для реального pet-проекта

По профессии я руководитель в ИТ. Когда-то давно кодил на Basic, Pascal и Delphi (диплом писал на нём же). Но с тех пор много воды утекло, и за соврем…

vibecodingИИ-программированиеnode.jsreactkotlinAndroid-приложениепет-проектруководитель ИТархитектура приложениясамообучение
Habr
RU

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

Когда локальный стейт в React-модуле начинает расти - разработчик инстинктивно тянется к useReducer+Context . Это работает, пока не перестаёт: реренде…

reactzustandcontext apiuseReduceruseStatestate managementоптимизация ререндеровuseRefreact performancefrontend architecture
Habr
RU

Как мы искали тормоза в киосках — и пришли к FPS

В России киоски самообслуживания установлены в 85% ресторанов Додо. Это несколько тысяч устройств, работающих на iOS, Android и Windows. Чтобы не писа…

reactelectronметрики производительностидодокиоскикиоск самообсуживаниядринкит
Habr
RU

Снова GitHub Actions: разбираем масштабную атаку на TanStack, 84 пакета под угрозой

Команда Socket Threat Research обнаружила компрометацию 84 npm-пакетов в пространстве @tanstack : в них внедрили вредоносный имплант Mini Shai-Hulud, …

tanstackвзломreactsupply chainsupply chain attacksupply chain securitygithubбезопасностьпрограммирование
Habr
RU

Разбираем Bulletproof React: как не утонуть в хаосе собственного кода

Помните тот момент, ĸогда вы отĸрываете свой собственный проеĸт, ĸоторый не трогали пару месяцев, и не понимаете, где что лежит? А&nbsp…

frontendreactfsdbulletprooftypescriptjavascriptархитектураархитектура приложенийzustandredux-toolkit
Habr