RU

Жизненный цикл API-токенов: От генерации до компрометации

JWT не защищает от кражи. Подпись гарантирует, что токен не подделан, но не мешает злоумышленнику использовать его, если тот оказался в чужих руках. В…

jwtjwt tokenjwt authjwt authenticationappsecsecurityfrontendfront-endfront-end разработкаfrontend-разработка
Habr
RU

[Перевод] Вышел TypScript 7.0

Сегодня мы с гордостью объявляем о выходе TypeScript 7 — нативной версии TypeScript, которая работает в 10 раз быстрее! С самых первых дней TypeScript…

typescriptfrontendjavascript
Habr
RU

JSX для Go: как маленькая разметка потянула за собой рантайм, компилятор и кучу компромиссов

Я не начинал с идеи написать «убийцу JavaScript». Честно говоря, такие заявления обычно только мешают думать. Сначала была гораздо боле…

GoGolangWebAssemblyWASMJSXfrontendUIкомпиляторopen sourceGoFrame
Habr
RU

Frontend CTF, или Как связаны Мона Лиза и искусственный интеллект

Привет, Хабр! Меня зовут Никита, и я один из тех, кто каждый год делает Frontend CTF в рамках конференции «Я 💛 Фронтенд». Сегодня хочу с вами поделить…

frontendctfзагадкипрограммированиеконференцииигры для программистов
Habr
RU

DS MCP: как дать AI-агенту знание о вашей дизайн-системе

Статья про то, как AI-агенту дали знание о дизайн-системе, чтобы он перестал придумывать несуществующие компоненты и начал верстать из того, что реаль…

mcpai-агентыдизайн-системаfigma mcpds mcpragchromadbгенерация версткивекторный поискfrontend
Habr
RU

Нужен ли здесь useEffect? «хороший» React-вариант и мол-вариант здесь один и тот же код

На Хабре вышла хорошая статья «Нужен ли здесь useEffect?»: 12 сценариев из code review, в которых эффект либо не нужен, либо нужен не такой. Я пишу на…

useEffectreactmolреактивностьхукиstate managementfrontendview.tree
Habr
RU

Нужен ли здесь `useEffect`? 12 сценариев из React-код-ревью — от производного состояния до React 19.2

На code review я регулярно встречаю один и тот же вопрос, только записанный разным кодом: «Как правильно синхронизировать эти значения через useEffect…

ReactuseEffectReact HooksReact 19TypeScriptfrontendcode reviewuseEffectEventuseSyncExternalStoreTanStack Query
Habr
RU

Микрофронтенды. Стабильная интеграция нескольких SPA-приложений. Часть 2

Привет! В первой части бы поговорили о нашем подходе к мирофронтендам, модульной федерации и о том, как устроены интеграции. В этой, как и обещал, про…

javascriptвеб-разработкаинформационная безопасностьjsfrontendinfowatchфронтендreactинфовотчspa-приложения
Habr
RU

Микрофронтенды. Стабильная интеграция нескольких SPA-приложений. Часть 1

Привет, Хабр! Меня зовут Александр, я руковожу веб-разработкой в InfoWatch. Мы занимаемся проектированием решений, которые обеспечивают информационную…

веб-разработкаjsjavascriptreactfrontendфронтендинформационная безопасностьинфовотчinfowatchSPA-приложения
Habr
RU

[Перевод] Набор инструментов для разработчика: готовим сайт к эпохе AI-агентов

Искусственный интеллект стремительно эволюционирует: от простого генерирования текста нейросети переходят к полноценному веб-серфингу, активному взаим…

aifrontendaccessibilitycsschrometypescriptjavascriptииии-агенты
Habr
RU

Canvas или SVG для карты офиса: как мы выбрали и справились с неочевидными граблями

Если к вам придут с задачей внедрения интерактивной карты офиса, какой рендер вы выберете? Canvas или SVG? Верхнеуровневый обзор скажет, что Canvas хо…

svgcanvasинтерактивные картыfrontendинтерактивная карта офиса на SVG
Habr
RU

Django-кнопка «Наверх»: подключить за минуту вместо очередного велосипеда

Кнопка «Наверх» — вещь настолько простая, что обычно её делают прямо в проекте: ссылка, немного CSS, пара строк JavaScript — готово. Для одной страниц…

djangopythondjango adminкнопка Наверхscroll to topui-компонентывеб-разработкаfrontendsvgдоступность
Habr
RU

Два способа создания доступного DataPicker'а с помощью AI: 80/20 в пользу AI или системное проектирование с агентом

DatePicker казался нам небольшой задачей в разработке UI, пока мы не попробовали создать компонент, который будет корректно работать с keyboard naviga…

datapickerfrontendclaudeииtypescriptjavascriptwebuxuiai
Habr
RU

Как протестировать более 40 UI-компонентов за минуту: ускоряем скриншот-тесты

Привет, Хабр! Меня зовут Антон, я фронтенд‑разработчик в Домклик. Наша команда отвечает за библиотеку «Продуктовых сниппетов» — те самы…

playwrightstorybookvisual-regression-testingreactjestscreenshot-testingfrontend
Habr
RU

Большой каталог «на почитать» про $mol, web и не только

Реактивность лучше MobX , виртуализация рендеринга «из коробки» , типизированные стили на TypeScript , локально-первая модель данных через CRDT — эти …

$molреактивное программированиеTypeScriptJavaScriptfrontendReactMobXVueCRDTlocal-first
Habr
RU

KODE.market: Как я написал первый в мире поисковик по GitHub и GitLab + P2P-раздатчик open-source кода

KODE.market: Как я написал первый в мире поисковик по GitHub и GitLab + P2P-раздатчик open-source кода + Антивирус. Без модерации, комиссий и SEO-мусо…

поисковикразработкаразработка приложенийгитхабгитлабtauribackendfrontendsearchcodeторрент
Habr