A?.Frontend Community

Кодим, вайбкодим, слушаем техно 🔥 30 сентября на АЛЬФА ВААА{АИ}ЙЙЙБ МИТАПЕ, поговорим про AI-powered разработку, новые подходы и инструменты, а заодно потестим всё это под техно от группы ЛАУД 🎧 Собираем AI/ML-специалистов, разработчиков, дизайнеров и всех, кому интересно, как сегодня меняется разработка с помощью ИИ. Что будет: 🔴 Техно-шоу с экспертами бигтеха. Токеномика, Tiny Teams, PDLC и разработка в закрытом ИИ-контуре 🔴 Знакомство с AlfaGen, платформой для AI-powered разработки 🔴 Нетворкинг. Тысячи топовых вайб-кодеров соберутся на одной площадке для живого общения 🔴 Электронная музыка, лайв-сет и выступление группы ЛАУД 🎶 🔴 Финал АЛЬФА ВААА{АИ}ЙЙЙБ ХАКАТОНА. Защита решений финалистов и награждение победителей 📍 30 сентября, 17:00 Москва, «Альфа Кристалл», ул. Самокатная, 4, стр. 11 Можно прийти офлайн в Москве или подключиться онлайн из любой точки мира. 🔗 Регистрируйтесь на сайте Увидимся 30 сентября ⏰ #qatalks_events ❤️ Больше рассказываем о работе в IT и Digital в канале Alfa Digital

Кто лучший работодатель? 👀 ЭКОПСИ и Хабр шестой год подряд исследуют HR-бренды IT-компаний. За это время поменялось само представление о хорошем работодателе — вот что показал 2025 год: 🔹 Стабильность впервые за пять лет попала в список главных критериев кандидатов 🔹 Общие ценности с компанией стали важнее зарплаты 🔗 А чтобы определить тренды найма и лучших работодателей в 2026 году, нужно ваше мнение — поделитесь им в опросе. И оцените Альфа-Банк ❤ #анонс ❤ Подписывайтесь на @alfadigital_jobs

Кто лучший работодатель? 👀 ЭКОПСИ и Хабр шестой год подряд исследуют HR-бренды IT-компаний. За это время поменялось само представление о хорошем работодателе — вот что показал 2025 год: 🔹 Стабильность впервые за пять лет попала в список главных критериев кандидатов 🔹 Общие ценности с компанией стали важнее зарплаты 🔗 А чтобы определить тренды найма и лучших работодателей в 2026 году, нужно ваше мнение — поделитесь им в опросе. И оцените Альфа-Банк ❤ #af_info ❤️ Больше рассказываем о работе в IT и Digital в канале Alfa Digital

Рассказываем про Zustand 🔥 Основным стейт-менеджером в Альфе является Redux. Но мы часто пробуем что-то новое, и однажды наш взгляд упал на Zustand. Zustand — крошечный state manager, который можно использовать не только с React. У него небольшой вес и почти полностью отсутствует boilerplate.

const useBear = create((set) => ({
    bears: 0,
    updateBears: (newBears) => set({
        bears: newBears
    }),
}))

Всего пару строк кода, а у вас уже есть стор и хендлер к нему, просто и понятно. ▶️ Как мы мигрировали с Redux на Zustand Миграция проходила поэтапно. Удаляем один Redux-слайс, добавляем один Zustand-стор, так по очереди. Сторы в Zustand независимы, поэтому внедрять его можно отдельными «островками». Это позволяет мигрировать плавно и без больших затрат. Вопрос middleware тоже решился просто, есть множество существующих решений, а написать свои не составило труда. С отладкой все максимально понятно, так как Zustand использует devtools от Redux. ▶️ Что показали замеры По итогам наших замеров, Zustand показал себя на 72% быстрее Redux. Речь идёт о микросекундах, проект был небольшим. Поэтому с ростом проекта разница может стать заметнее. ▶️Как восприняла команда Поначалу Zustand кажется слишком простым для enterprise-проектов. Но разработчики быстро оценили его подход. Функциональности хватает для разных задач, а сам инструмент поддерживает асинхронные экшены и готовые или кастомные middleware. В итоге Zustand стал частью наших проектов и стандартов. А что используете вы на своих проектах? 🔽 #af_hard ❤️ Больше рассказываем о работе в IT и Digital в канале Alfa Digital

Подглядываем за рабочими местами 🚨 У каждого свой подход к рабочему месту, кому-то достаточно ноутбука и удобного стула, а кто-то превращает домашний стол в отдельный проект. Собрали несколько рабочих сетапов наших фронтендеров с их лайфхаками и историями о том, что помогает сохранять рабочий вайб дома. Александр Китoв, главный технический лидер разработки, владелец стола на 6 карточке:

«Важно, чтобы было удобно. Я провожу большую часть жизни на этом месте, поэтому логично в него вкладываться и постоянно что-то улучшать. Клавиатуру собрал буквально пару месяцев назад: корпус смоделировал и напечатал на 3D-принтере, а потом спаял всё с нулевым опытом пайки. В процессе, конечно, намучился, но результатом доволен».

Виктория Копылова, старший разработчик, владелец стола на 2 карточке:

«Моё рабочее место в первую очередь про уют. Очень люблю большой экран, с ним появляется ощущение простора, где можно разложить всё, что нужно для работы. А милые мелочи помогают не забывать, что работа может быть не только продуктивной, но и приятной».

Илья Туров, ведущий разработчик, владелец стола на 5 карточке:

«Мне всегда важно держать бумажный блокнот под рукой, чтобы записывать самые важные задачи. Иногда включаю пластинки, когда занимаюсь чем-то рутинным, но для концентрации мне обязательно нужна тишина. А голубей использую вместо уточек, когда нужно в чём-то разобраться (и вообще они крутые!)».

Теперь хотим посмотреть, как устроены ваши рабочие места 👀 Кидайте фотографии в комментарии и делитесь своими секретами 🔽 #af_soft ❤️ Больше рассказываем о работе в IT и Digital в канале Alfa Digital

Что там новенького в ES2026 👀 30 июня Ecma ратифицировала ES2026 — семнадцатую редакцию спецификации, в которой представили семь новых фич. Начнём с той, которую обсуждают меньше остальных. А зря... Math.sumPrecise Классическая ошибка в JS:

const cents = Array(10000).fill(0.1);

cents.reduce((a, b) => a + b);
// 1000.0000000001588

Или версия пожёстче:

[1e20, 0.1, -1e20].reduce((a, b) => a + b);
// 0

0.1 просто исчезла. 1e20 + 0.1 теряет дробную часть из-за ограниченной точности IEEE-754. В итоге после вычитания остаётся 0. Теперь:

Math.sumPrecise([1e20, 0.1, -1e20]);
// 0.1

Внутри используется алгоритм Шевчука. Он складывает числа так, как будто считает в точной математике, и округляет только финальный результат. Но вот что стоит знать до того, как побежите менять все reduce в проекте:

🔴 Math.sumPrecise не исправляет проблему 0.1 + 0.2. Math.sumPrecise([0.1, 0.2]) по-прежнему вернёт 0.30000000000000004. Дело в том, что сами числа 0.1 и 0.2 уже хранятся в памяти не совсем как математические 0.1 и 0.2. Новый метод исправляет накопление ошибок при суммировании, а не способ представления чисел.

🔴 Math.sumPrecise ожидаемо работает медленнее обычного сложения.

🔴 На момент написания поста типов в lib.es*.d.ts ещё нет, в репозитории TypeScript висит issue. Поэтому пока остаются два варианта: расширить интерфейс Math самостоятельно или подождать.

🔴 Math.sumPrecise уже доступен в Baseline 2026. Для старых браузеров можно использовать полифиллы core-js или es-shims (math.sumprecise).

Хотите, разберём остальные новые методы JS на практике? Пишите в комментариях, что рассмотреть следующим 🔽 ➿➿➿➿➿➿ @alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы

Релизить себя так же бережно, как код? Почему бы и нет! Мы привыкли выкатывать фичи с чек-листами, мониторингом, планом отката и поддержкой команды. Но почему-то к себе относимся совсем иначе. Часто держим всё в голове, игнорируем тревожные «алерты» и пытаемся справиться в одиночку. Наша разработчица Виктория Копылова предлагает посмотреть на тревожность глазами инженера. Собрали в карточках ключевые идеи подхода, а полный материал читайте по ссылке 🔗 ➿➿➿➿➿➿ @alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы

Как хороший фронтенд превращается в легаси? Обычно всё начинается с вполне разумных решений... Вынести повторяющийся код. Сделать универсальный хук. Добавить пару условий в компонент. Быстро прикрутить useEffect, чтобы «просто заработало». Cо временем такие решения накапливаются, проект становится всё сложнее поддерживать, тестировать и развивать. Наша разработчица Виктория Копылова разобрала самые распространенные архитектурные ошибки, из-за которых фронтенд обрастает сложностью: преждевременные абстракции, перегруженные хуки, компоненты с лишней ответственностью, useEffect не по назначению и другие решения, которые выглядят безобидно только в моменте. В карточках собрали главные мысли из статьи, а полный разбор с примерами кода уже ждет на Хабре по ссылке. ➿➿➿➿➿➿ @alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы

Веб-графика незаметно становится одной из главных причин «тяжёлых» сайтов 👀 Средний вес веб-страницы за последние годы вырос почти на 50%, а изображения занимают до 40% её объёма. При этом многие проблемы всё ещё начинаются с простых вещей. Наш frontend-разработчик Илья Туров собрал практики, которые помогают уменьшить вес страниц без потери качества и улучшить метрики Core Web Vitals. В карточках рассказываем про 6 приёмов, которые стоит проверить в своих проектах. А в статье на Хабре читайте подробнее про инструменты оптимизации. ➿➿➿➿➿➿ @alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы

Как успешно пройти техническое собеседование? Наш разработчик Степан Гришунов несколько лет проводит технические интервью фронтендеров. В новой статье он рассказывает, с какими проблемами сталкиваются кандидаты и интервьюеры, почему не стоит пытаться знать всё на свете и что на самом деле помогает успешно проходить техсобесы. Собрали в карточках несколько советов для кандидатов, а полный разбор читайте на Хабре 👇 🔗 Читать статью

«Я был скептиком, но до 4 утра спорил с GLM-5» 👀 Евгений Кобленев, тимлид одной из наших команд, рассказал на Хабре, как команда скептиков вайб-кодинга за две недели вывела новый сервис в прод и что из этого получилось. Собрали несколько выводов из статьи в карточках ⬆️ 🔗 Читать полностью ➿➿➿➿➿➿ @alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы

Как это было? Смотрите сами ⚡️ Собрали для вас короткое видео с самыми яркими моментами A?.Frontend Техно-Квартирника. Фотографии уже загружаем, cкоро поделимся ссылкой на альбом. А чтобы ускорить процесс, ставьте 🔥 ➿➿➿➿➿➿ @alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы

Начинаем доклад «AI как QA-инженер: механики тестирования с помощью агентов для frontend-инженеров», Илья Шорин, Авито оставляйте вопросы в комментариях ⬇️

Друзья мы продолжаем 😎 Начинаем доклад «Как AI ломают привычную модель веб-безопасности?» Анастасия Егорова, фронтенд-разработчик,CozyFrontend оставляйте вопросы в комментариях ⬇️

Начинаем доклад «Как я поднял AI-агента и снова стал высыпаться: OpenClaw, скиллы и корпоративная рутина» Роман Троицкий, Senior Frontend, Сбер оставляйте вопросы в комментариях ⬇️

Начинаем доклад «Чистая архитектура frontend-приложений и причём здесь AI-агенты?» Илья Агапов, технический лидер разработки, и Данила Звягин, ведущий разработчик, Альфа-Банк оставляйте вопросы в комментариях ⬇️

Начинаем A?.Frontend Техно-Квартирник Ждём вас на площадке, а если вы онлайн, подключайтесь по ссылке 🔗

Уже сегодня встречаемся на A?.Frontend Техно-Квартирнике ⚡️ А напоследок рассказываем про ещё один доклад, который точно стоит увидеть. ▶️ «AI как QA-инженер: механики тестирования с помощью агентов для frontend-инженеров» На докладе Илья покажет, как использовать AI-агентов во frontend-разработке не только для codegen-задач, а как полноценный инженерный цикл, а именно: исследований интерфейса, поиска багов, воспроизведения проблем, написания тестов, исправления кода и проверки результата.

Разберём: 🔴 Чем Agent Dev-подход отличается от обычного AI-autocomplete 🔴 Почему frontend особенно хорошо подходит для работы с AI-агентами 🔴 Как агент исследует UI через DOM, browser console, network и e2e-сценарии 🔴 как выглядит цикл: найти баг → воспроизвести → написать regression test → исправить → проверить фикс 🔴 Как Playwright, Browser Use и Codex/Cursor agent mode встраиваются в ежедневный workflow frontend-инженера А ещё на практике посмотрим, как агент анализирует пользовательский сценарий, формирует гипотезы и помогает находить проблемы в интерфейсе.

После воркшопа участники получат набор рабочих чек-листов для старта подготовки и диагностики, а также реальные как типовые, так и нестандартные примеры задач. 📍 Сегодня, 19:00 Москва + онлайн ❗️Записи не будет Увидимся вечером 🔥 ➿➿➿➿➿➿ @alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы

Уже в эту среду встречаемся на A?.Frontend Техно-Квартирнике ⚡️ Будем говорить про AI-агентов, frontend и то, как меняется разработка прямо сейчас. Устроим живую дискуссию по самым горячим трендам. А после докладов не разбегаемся, вас будут ждать: 💿 Диджей-сет 📸 Фотозона 🤝 Нетворкинг и обсуждения после выступлений А ещё подготовили полезные материалы от спикеров: GitHub-репозитории, артефакты и рабочие кейсы. 📍 Москва + онлайн 🕖 27 мая, 19:00 ➿➿➿➿➿➿ @alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы