RU

От Architecture Baseline к рабочему Full Stack MVP: как не усложнить архитектуру раньше времени

Architecture Baseline определяет границы системы и ключевые архитектурные решения. Но настоящая проверка начинается тогда, когда эта архитектура пре…

Enterprise GenAI PlatformархитектураASP.NET Core.NET 10ReactPostgreSQLEF CoreModular MonolithTanStack Query
Habr
RU

Klark, часть 2: новый интерфейс, исправление существующих ошибок и аудит собственных прав

Неделю назад я рассказывал про Klark + Klara : корпоративный мессенджер и таск‑менеджер, которые живут на нашем сервере. В той статье было про устро…

корпоративный мессенджерself-hostedKlarkинтерфейсliquid glassReactElectronCapacitorэмодзиредизайн
Habr
RU

Сделал сыну тренажёр слепой печати, потому что существующие показались ему скучными

Этой осенью сын пошёл в пятый класс, и я заметил странную вещь: со смартфоном он на «ты», а за обычной клавиатурой теряется. Мы попро…

ReactTypeScriptpet-projectслепая печатьклавиатурный тренажёрUXанализ ошибоканимация
Habr
RU

Klark + Klara: корпоративный мессенджер и таск‑менеджер, которые живут на нашем сервере

Свой корпоративный мессенджер на FastAPI и React: зачем он нам понадобился, что в нём есть и что ломалось по дороге. Читать…

корпоративный мессенджерself-hostedFastAPIPostgreSQLReactCapacitorElectronLiveKitинформационная безопасностьтаск-менеджер
Habr
RU

Производительность React‑приложений: от лишних ререндеров до виртуализации списков

Производительность React-приложения редко ломается из-за одной “тяжёлой” функции. На практике проблемы накапливаются постепенно: компонент начинает…

ReactпроизводительностьоптимизацияререндерымемоизацияReact.memouseMemouseEffectвиртуализация списковdebounce
Habr
RU

ИИ уже умеет собирать микросервисы по одному промпту, но, как разработчик, я всё ещё нужен

Каждые несколько лет (а сейчас уже и чаще) разработчиков снова хоронят. Сначала нас должны были заменить визуальные конструкторы. Потом no-code. Пот…

ИИнейросетиReactJSБудущееРазработчики
Habr
RU

Как я объяснял племяннику 2x + 4 = 10 и случайно собрал визуальную лабораторию (сайт)

Недавно мне пришлось объяснять племяннику простейшее 2x + 4 = 10 . Я уже собирался произнести школьное «переносим четвёрку вправо с противоположным…

математикаобразованиеEdTechMathRootsнейросетиискусственный интеллектграф знанийвизуализацияReactopen source
Habr
RU

Складской учёт на трёх платформах без дублирования логики: расширение Chrome, мобилка и SaaS из одного кода

Складская система живёт как расширение Chrome, мобильное приложение и SaaS. База везде разная: SQLite-WASM в браузере, нативный SQLite на телефоне,…

управление складомскладской учётWMSинвентаризацияSQLiteReactTypeScriptCapacitorDrizzle ORMChrome extension
Habr
RU

Как мы сделали систему «Управление складом», в виде расширения Chrome, веб-сервиса, мобильного — из одной кодовой базы

Меня зовут Николай, я делаю InventoryMod - систему управления складом для небольшого бизнеса и интернет-магазинов. В этой статье я расскажу и про пр…

управление складомскладской учётWMSинвентаризацияSQLiteReactTypeScriptCapacitorDrizzle ORMChrome extension
Habr
RU

Yet Another English - и да, ещё один сайт по изучению английского, ну че поделать?

Ну как вы поняли, сервис я так и назвала, чтоб сразу закрыть основное возражение (хихик). Да знаю, что их тысячи - и сделала еще один, и объясню дал…

LLMискусственный интеллектReactEdTechизучение английскоготренажер английскогоинтервальные повторениясловарный запасразработка продукта
Habr
RU

Заметки как чаты: почему я перестал искать папку и начал искать сообщение

Всем привет я Артур Валиев, пятничная статья, поехали. Я каждый день кидаю заметки не в специальное приложение, а в Избранное в Telegram — просто по…

TelegramUXпроизводительностьанимациирендерингC++SQLiteFTS5Reactandroid
Habr
RU

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

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

SPAseo-продвижениеReactиндексацияheadless-браузерprerenderingпет-проекткнижный тир-листBookStratassr
Habr
RU

React Update Lifecycle: что происходит при обновлении компонента

В этой статье последовательно разобран полный цикл обновления React: от Virtual DOM до внутреннего устройства Fiber Reconciler. Разобраться в жизнен…

ReactReact InternalsFiberReconciliationVirtual DOMRender PhaseCommit PhaseReact Update LifecycleConcurrent RenderingReact Elements
Habr
RU

Как меня достало руками создавать одни и те же файлы в Python-проектах — и я написал crt

Сколько раз вы вручную создавали src/ , models/ , services/ , .gitignore ? Меня это достало, и я написал crt — одна команда вместо пятнадцати минут…

crtfilesгенерация файловшаблоны проектовFastAPIReactCLI-инструментыPythonавтоматизация разработкиструктура проектаcrt
Habr
RU

Заметки фром реакт документейшен | React: грабли, о которые я спотыкалась. Часть 1

React я использую совсем недавно и вообще я бэкенд разработчик, но жизнь завела меня во фронтенд. Получилось так, что времени на обучение и курсы у…

ReactuseStateuseEffectuseCallbackuseMemouseRefReact.memoStrictModeConcurrent Modeфронтенд
Habr
RU

ИграКОД: Генератор судоку на TypeScript: почему найти решение проще, чем доказать единственность

Главная ошибка наивного генератора судоку — проверять, что решение существует, но не проверять, что оно единственное. Вот почти заполненное поле: 53…

TypeScriptсудокуалгоритмыbacktrackingMRVpropagationгенерация судокуReactWeb Workerтестирование
Habr
RU

пошКОДим: как превратить React-компонент в неуправляемый комбайн — 15 вредных советов

На планировании оценивают задачу: «добавить бейдж VIP на карточку клиента». Разработчик открывает CustomerCard.tsx , молчит и говорит: «Дня три». Ни…

ReactTypeScriptGod Componentантипаттернырефакторингархитектура фронтендаcode reviewтестированиесложность кодадекомпозиция компонентов
Habr
RU

React-паттерн, который все используют, но он убивает производительность

Почему React.memo перестаёт работать из-за inline-пропсов и как это исправить. Разбираем на примере со 200 строками и замерами. — Читать дальше « Re…

JavaScriptВеб-разработкаОптимизацияПроизводительностьTypeScriptReactReactJSФронтендСтатьи
Tproger
RU

Как исправить hydration-ошибки RSC в Next.js: практический гид

Разбираем, почему возникают hydration mismatches в React Server Components и Next.js App Router, и как находить, исправлять и предотвращать их в pro…

JavaScriptВеб-разработкаЛучшая практикаПроизводительностьОтладкаTypeScriptReactReactJSФронтендСтатьи
Tproger
RU

Эмиграция в США после 30: от подработок на складе до Apple, своей школы и разработки с ИИ

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

IT-эмиграциякарьера в ITэмиграция в СШАвайбкодингИИ в разработкеReactработа в Appleфронтенд разработкасобеседования в Big TechAI first
Habr
RU

Мы внедряем Storybook на легаси-проекте и заранее пообещали рассказать, если он не взлетит

Честный рассказ команды Modus , которая только что завела Storybook поверх большой легаси-базы: зачем стартуем, чего ждём и как через полгода провер…

storybookReactлегаси-кодUI-китревьюонбордингMUIWebpackTypeScriptfrontend
Habr
RU

Angular против React: зарплаты, кризис в IT и почему корпорации остаются на Angular

Angular часто воспринимают как тяжёлый корпоративный фреймворк «из прошлого»: сложный вход, много правил, меньше хайпа, чем у React. Но за последние…

AngularReactфронтенд разработкаAngular сигналыSSR Angularзарплаты разработчиковкарьера в ITGoogle Developer ExpertNxTypeScript
Habr
RU

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

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

ReactuseEffectReact HooksReact 19TypeScriptfrontendcode reviewuseEffectEventuseSyncExternalStoreTanStack Query
Habr
RU

PAD+ AI v4.0: исследовательская когнитивная архитектура поверх LLM

Большинство AI‑приложений — это просто «запрос → LLM → ответ». PAD+ AI исследует, что должно происходить между этими шагами. Мы построили…

LLMкогнитивная архитектураRAGFastAPIReactнаблюдаемостьX-Rayпамять AITruth Loopopen-source
Habr
RU

Два месяца спустя. Что я понял, пока пытался сделать E2EE-мессенджер

Два месяца назад я опубликовал статью про свой pet-проект — E2EE-мессенджер. Честно говоря, я не ожидал, что она вызовет такой интерес. Прилетели ко…

E2EEend-to-end encryptionDouble RatchetX3DHWebCryptoSpring BootReactElectronPostgreSQLRedis
Habr