Привет!
Меня зовут Сергей Волков, я фронтенд-разработчик в компании VK. Мы используем MobX для работы с реактивными значениями в веб-приложениях, поэтому я хочу познакомить вас с этим инструментом и показать, почему на него стоит обратить внимание.
Рубрика «React» - 4
MobX или приправа реактивности для JS
2026-06-03 в 14:12, admin, рубрики: frontend-разработка, mobx, mvvm, oop patterns, React, react.js, ReactJS, оопПодмена hero на edge по UTM: Cloudflare Pages Functions + HTMLRewriter для React SSG за 200 строк
2026-06-01 в 6:24, admin, рубрики: ab-тестирование, Cloudflare Pages, edge computing, HTMLRewriter, React, vite-react-ssg, конверсия лендингаПроблема. У вас один SSG-лендинг, на который льётся платный трафик из 12 разных рекламных кампаний. Каждая группа объявлений сделана под свою боль ЦА: «AI-сотрудники», «AI-агенты», «стратегическая сессия», «управленческая отчётность». Все ведут на один дефолтный hero «ИИ для бизнеса». Конверсия в заявку проседает на 30–50% по сравнению с разнотемными лендингами под каждую группу. Делать 12 отдельных лендингов — дорого по разработке и убивает SEO. Подменять hero JavaScript-ом на клиенте — FOUC, плохой Core Web Vitals, и Яндекс/Google видят дефолт.
В этой статье — рабочая схема, которую мы поставили в продакшен за один день: Читать полностью »
Спустя 5 лет и $5 миллионов: почему создание нового языка для веб-разработки оказалось ошибкой
2026-05-22 в 13:01, admin, рубрики: React, ruvds_перевод, TypeScript, wasp, бэкенд, Программирование, фреймворки для разработки, фронтенд
Мы разрабатываем фулстек-фреймворк WaspЧитать полностью »
Разбираем Bulletproof React: как не утонуть в хаосе собственного кода
2026-05-10 в 11:46, admin, рубрики: bulletproof, FSD, javascript, React, redux-toolkit, TypeScript, zustand, архитектура, архитектура приложенийЕсли вы не стыдитесь свой код, написанный полгода назад — значит, вы недостаточно выросли как разработчик — «Дядюшка Боб»
Для кого эта статья?
Для того, кто только начинает и уже чувствует: «что-то здесь не так, но как правильно — никто не объяснил».
А еще — для того парня, которым я был много лет назад. Который только начинал, радостно накидал компонентов в src/components, порадовался, что всё работает, закрыл задачу и пошел пить чай. А через три месяца открыл этот же проект и не узнал собственный код.
Если вы узнали себя — эта статья для вас.
Введение: Проклятие выбора и гибĸости React
30 дней: блочный конструктор README — один DOM, два хозяина
2026-05-10 в 6:16, admin, рубрики: contenteditable, dom, FSD, React, TypeScript, wysiwyg, архитектура, браузерные APIМы живём в эпоху когда можно написать в чат «сделай мне CRUD» и получить рабочий код через десять секунд что в принципе удобно. И это, если честно, главная причина почему я периодически намеренно лезу в что-то сложное руками — чтобы не разучиться думать о том что происходит внутри.
ИИ я использую. Но в этом проекте он был исключительно быстрой документацией — особенно когда добрался до selection/range API, про которые до этого знал чуть меньше чем ничего. Реализация все равно была за мной.
svg-react-preview: предпросмотр inline-SVG внутри JSX-компонентов прямо в Zed
2026-05-07 в 10:15, admin, рубрики: React, zedБоль
Открываешь иконочный React-компонент — и привет:
У Zed есть отличный нативный preview для отдельных .svg-файлов. Но для SVG, лежащего внутри JSX, — ничего. Так же, кстати, и в большинстве других редакторов.
Читать полностью »
Shine — C++ Фреймворк для десктоп приложений с использованием React
2026-05-04 в 12:12, admin, рубрики: backend, c++, React, Shine Framework, tauriДоброго времени суток, уважаемые пользователи Хабра.
Я не то что бы профессиональный разработчик на C++, в основном я занимаюсь геймдевом на UE5 (по крайней мере последнее время). Но последнее время достаточно часто я балуюсь разработкой десктоп приложений под Windows. Для красоты и простоты я задумывался об использовании именно react. Но из выбора что я увидел было 2 варианта:
-
Tauri - Фреймворк под Rust с отрисовкой фронтенда сделанном на React и т.п.
-
Electron - фреймворк для разработки кроссплатформенных настольных приложений с использованием веб-технологий (скопировал описание с гугла)
Как я в 15 лет написал российскую социальную сеть с нуля — и что из этого вышло
2026-04-27 в 18:08, admin, рубрики: React, supabase, TypeScript, в 15 лет, социальная сеть, учёба в программированииМеня зовут Арсений, мне 15 лет. У меня 99 пользователей, более 100 SQL‑миграций и приложение на Android и Windows. И, что не менее важно, — команда единомышленников и поддержка тех, кто верил в проект с самого начала.
Год с React Hook Form и Zod: меньше кода, но не без нюансов
2026-04-19 в 11:15, admin, рубрики: front-end, front-end разработка, frontend-разработка, javascript, React, react.js, reactive programming, ReactJS, TypeScriptВсем привет! Думаю, что не ошибусь если скажу, что почти каждому фронтендеру приходится заниматься разработкой сложных форм. Те, кто уже имеют такой опыт знают, что работа с формами доставляет боль и страдания. Необходимо держать в голове все правила валидации и заполнения форм, связи между зависимыми полями, нужно как-то связывать данные формы с UI, при этом избегая лишних ререндеров.
На большом проекте мы писали формы через MobX + MVC, думаю, что это не самый плохой подход для написания форм, однако можно выделить следующие недостатки:
Многое пишем руками
Как ИИ написал локальный редактор IPTV-плейлистов на FastAPI + React 19
2026-04-18 в 6:16, admin, рубрики: epg, fastapi, HLS, iptv, M3U, m3u8, React, self-hostedХабы: React, FastAPI, TypeScript, Tailwind CSS, Open source, IPTV, Python
Теги: m3u, m3u8, iptv, fastapi, react, hls, epg, drag-and-drop, self-hosted
Введение
У меня был плейлист на 1000+ IPTV-каналов и стойкая привычка править его на свой вкус. Менять порядок каналов, чистить дубликаты, добавлять любимое в группу «Основное» — всё очень неудобно. Каждый раз при обновлении списка каналов/провайдера — заново.
В какой-то момент мне это надоело, и я вдохновленный идеей с помощью ИИ написали m3u StudioЧитать полностью »