RU

React 19.3: что реально поменялось и почему это важно

Если следить за React только по крупным релизам, легко пропустить момент, когда библиотека тихо меняет направление. React 19.3  — как&nbsp…

reactcsshtmljstsфронтендфронтенд-разработкафронтэндфронтэнд javascriptфронтенд технологии
Habr
RU

От AJAX до React: как мы полностью изменили архитектуру разработки фронтенда ВКонтакте

Привет, Хабр! Меня зовут Егор Смирнов, я руководитель команды Backend for Frontend в VK. Одна из зон нашей ответственности — поддержка и развитие ин…

reactфронтендархитектураajaxдеплойbffssgperformanceпроизводительностьпроектирование
Habr
RU

LandTS или новый ответ на старые вопросы о разработке фронтенда

Организованная разработка фронтенда должна отвечать на три вопроса: компоненты, ререндеринг, стилизация. И LandTS легко на них отвечает. Просветиться

frontendfrontend-разработкаtypescriptjavascriptcssreactкомпоненты
Habr
RU

От режиссёра КИНО до режиссёра КОДА: как я заставил ИИ создавать полностью готовые программы автоматически

От режиссёра КИНО до режиссёра КОДА: как я создал автономную ИИ-среду разработки EVA Engineer (от промпта до .EXE и .APK) Читать, скачать, создавать!

eva engineerискусственный интеллектllmclaudedeepseekelectronreactпромпт-инжинирингideавтономные агенты
Habr
RU

Почему архитектура важнее выбора стейт-менеджера в React

Почему архитектура важнее выбора стейт-менеджера в React Когда я только начинал свой путь разработчика мне было интересно изучать новые технологии.…

reactarchitecturestate managementmobxeffectorzustandrxjsjotaitanstack queryархитектура фронтенда
Habr
RU

Capacitor: от веба к мобильным приложениям. Часть 5. Микрофронтенды в Capacitor

Ого, да это же следующая статья цикла про Capacitor. В ней мы рассмотрим нюансы реализации микрофронтендов в Capacitor приложении,а также разбирем с…

capacitorмикрофронтендыmodule federationreacttypescriptгибридные приложениядиплинкиota-обновлениямобильные приложениямобильная разработка
Habr
RU

Продуктовый дизайнер, Claude Code и месяц соло-разработки: что пришлось построить вокруг AI, чтобы проект не развалился

Я продуктовый дизайнер, больше шести лет делаю SaaS. Программировать умею, но фулстек-разработчиком себя не назову. Уже несколько месяцев я в одиноч…

claude codeai-assisted developmentдизайн-системаtailwindtailwind-mergeсинхронизация данныхnext.jsreactvitestсоло-разработка
Habr
RU

Как мы создали Open-Source альтернативу закрытым платёжным системам на React, Node.js и WebNFC

Представьте парк аттракционов, фуд-корт на фестивале, корпоративную столовую или сеть автомоек. Что их объединяет? Всем им нужна своя закрытая платё…

nodejsreactjavascriptnfcnfc-платежиплатежные сервисыплатежные системыбизнесмаркетингopensourse
Habr
RU

От localStorage к HttpOnly Cookie. Как меняется архитектура авторизации в SPA

В большинстве SPA-авторизация до сих пор строится вокруг JWT, localStorage и заголовка Authorization. Такой подход прост и удобен, но он заставляет…

httponlyhttponly cookielocalstoragespaаутентификацияавторизация пользователяreactmobxreact.jsархитектура
Habr
RU

Калькулятор плитки: фото вместо цвета и 3D, который наконец не бесит

Всем привет, это третья часть, в которой пилю калькулятор плитки - tilely.ru . Получился довольно крупный патч, в основном вокруг 3D-режима, и там о…

калькулятор плиткиремонтплиткаобрезки3dthree.jsreactkonvacanvasdiy
Habr
RU

Хотел свою систему, которую можно менять когда угодно, и сделал три десктопных AI-приложения

Я всегда хотел иметь свою систему: свои приложения, в которых можно изменить что угодно, а не что-то чужое, что завтра могут поменять. Так появился…

Aiai-агентыtaurielectronollamaлокальные llmfine-tuningloraдесктопные приложенияreact
Habr
RU

Как я спроектировал офлайн‑приложение для заметок под будущую синхронизацию — и собрал лендинг без единой сборки

Полгода назад я в одиночку начал делать Nookly — локальное приложение для заметок на Flutter: страницы, блочный редактор, таблицы с канбан-видом, по…

fluttersqlitesqlite3reacttailwindcssлокальное хранение данныхpet-проект
Habr
RU

Публикуйте инструменты, а не пиксели: собираем WebMCP-магазин на React и считаем грабли

Представим обычный интернет-магазин. Пользователь открывает каталог, вводит «наушники» в поиск, включает фильтр наличия, задаёт цену до 10 000 рубле…

webmcpmodel context protocolai-агентыreactjavascriptgoogle chromeвайбкодингбраузерный apiorigin trial
Habr
RU

Одна карточка на всех без сервера: детерминированная генерация, RLS и флаг retired в шахматном бинго

Разбираю несколько инженерных решений из небольшого браузерного проекта: бинго на шахматных задачах Lichess без собственного сервера. Как получить о…

шахматытактикабингоreactsupabasepet-проект
Habr
RU

[Перевод] React 19.3

React 19.3 уже доступен в npm! В прошлом году мы представили View Transitions и Fragment Refs как новые экспериментальные API, которые готовились к…

reactreact.jsreact nativejavascriptjs
Habr
RU

Как разделить фронтенд на модули и связать их между собой: на примере маркетплейса

На примере маркетплейса разберём, как разделить приложение на feature-модули, связать сервисы через DI, организовать состояние и изолировать работу…

фронтенд архитектураdireacttypescript
Habr
RU

Вместе, но независимо: как мы «подружили» разные движки визуализаций в одном BI-отчете

Многие аналитические платформы сталкивается с одним и тем же вопросом: как связать компоненты, которые изначально не знают друг о друге? График живё…

bi-системавизуализация данныхархитектураадаптерmodus biдашбордыreactfrontend-разработкаd3amcharts
Habr
RU

Мы сделали свой UI Kit: 6 компонентов превратились в 30+, а одна ошибка сломала разметку во всех проектах

Мы сделали свой UI Kit: 6 компонентов превратились в 30+, а одна ошибка сломала разметку во всех проектах С чего всё начиналось Когда в проекте начи…

javascripttypescriptuikituiui kitreactreact.jsпрограммированиефронтендфронтенд-разработка
Habr
RU

Как мы победили рутину: строим spec-driven платформу для генерации email

410 вариантов писем, сотня микросервисов и до 15 файлов, которые приходилось править ради одной нотификации. Добавление письма превратилось в квест:…

openapinestjsreactавтоматизацияspec-driven developmentкодогенерацияreactjsфронтенд
Habr