Код Желтый

*️⃣ Почему React перестал лагать на больших списках? Все дело в новой архитектуре Бывало такое, что печатаете в input, а интерфейс начинает лагать на большом списке? Это классическая проблема старого React из-за синхронного рекурсивного обхода дерева: он не мог прерваться, чтобы отдать управление браузеру. Чтобы исправить это, в React переписали архитектуру. Отказались от рекурсивного стека, изобрели новую структуру данных (Fiber), научились прерывать рендер и расставлять приоритеты.

В карточках разбираемся, как устроен Fiber, почему will*-методы стали unsafe, как работает планировщик и как эволюционировала система приоритетов от ExpirationTime до Lanes. А больше подробностей с примерами кода ищите на Хабре.

#react #javascript #frontend #performance

🔥 R&D-центр, ИИ-агенты, генеративные интерфейсы — так выглядит технологическое будущее Т-Банка Мы уже рассказывали, какой путь прошли с 2006 года и как развивались мобильное приложение, экосистема Core Tech и платформа данных. А сегодня поделимся, как мы строим банк будущего, опережаем запросы рынка и меняем разработку и пользовательское поведение с помощью ИИ-агентов. ⚡️ — если тоже считаете, что лучший способ предсказать будущее — построить его своими руками.

⚡️ Как мы сократили потребление памяти на 18% и CPU на 31% в Kubernetes Переезд автоматизированной банковской системы в K8s не прошел гладко. Приложения долго стартовали, поды умирали с OOMKill, heap рос неделями, а утилизация ресурсов была низкой. Мы перепробовали все: настраивали JVM, меняли GC, пересматривали количество реплик и даже заменили аллокатор памяти. В итоге сократили потребление памяти на 18%, CPU — на 31%, а приложения стали работать быстрее.

🙂 В карточках наш руководитель направления Костя Никитин поделился, что делали, какие ключи JVM использовали, как считали память и почему два пода работают быстрее шести. А больше подробностей читайте на Хабре.

#kubernetes #jvm #performance

☑️ Как заставить камеру на Android делать четкие фото для биометрии Представьте: клиент хочет перевести крупную сумму и мобильный банк запрашивает подтверждение по селфи. Человек наводит камеру, делает фото, а на бэкенд уходит размытый кадр потолка с кусочком лица. Клиент получает отказ, звонит в поддержку, злится и теряет доверие к банку. Чтобы не допускать таких случаев, мы сделали Face-Shot — библиотеку для Android, которая анализирует 30 кадров в секунду, ищет лицо, смотрящее в камеру, и передает лучший кадр на бэкенд.

🙂 В карточках наш ведущий инженер-программист Евгений Шувагин поделился, как команда работала с CameraX, настраивала фокус на лицо, боролась с шумоподавлением, ускоряла инициализацию и делала превью мгновенным. А больше подробностей и примеры кода ищите на Хабре.

#android #camerax #ml #mobiledevelopment

*️⃣ Монолит → экосистема с 90 тысячами встреч в день До таких масштабов выросла наша Платформа доставок, которая ежедневно распределяет около 90 тысяч встреч, учитывает более 20 параметров и работает 24/7 без права на сбой. Когда команда выросла с 20 до 100 инженеров, а количество сервисов перевалило за десятки, старые подходы перестали работать. Мы перешли от монолита к микросервисам, от ручного планирования к алгоритмической платформе, от разрозненных мобильных приложений к единому супераппу. И заодно перевезли 3 ТБ данных с Oracle на PostgreSQL, сократив их до 350 ГБ.

🙂 В карточках руководитель управления операционных платформ Светлана Чернышова рассказала про уроки масштабирования, которые мы вынесли. А больше про архитектуру, команды и технологии читайте на Хабре.

#platformengineering #microservices #migration

✨ Эволюция конфигурации в Python Казалось бы, конфигурация — это просто .env и settings.py. Но стоит приложению вырасти — и начинается: секреты утекают в логи, port внезапно приходит строкой abc, настройки дублируются между окружениями.

🙂 Наш тимлид команды чат-ботов Николай Видов прошел путь от хардкода до типизированных схем и понял: конфигурация — это не мусорный код на скорую руку, а часть инфраструктуры, которую нужно проектировать так же тщательно, как бизнес-логику.

В карточках — эволюция подходов к конфигурации в Python: откуда мы пришли, куда идем и какие грабли встречаем на пути. А больше подробностей читайте на Хабре. #python #configuration #devops #architecture

🔍 Дашборд, чтобы отслеживать техдолг в 12 тысячах репозиториев Иногда бывает трудно понять, кто и какие библиотеки использует. Одна команда сидит на устаревшей версии, другая тащит зависимости с известными CVE, третья не знает, что есть альтернатива получше. За контроль техдолга и состояний зависимостей у нас отвечает Tech Radar. Он собирает данные с 12 тысяч репозиториев, обрабатывает 172 правила от лидеров профессий и формирует дашборды. ✨ В карточках — как устроен сбор, как применяются правила и как выглядит отчетность. #techradar #devtools #dataplatform

🔍 Как переход от NSwag к OpenAPI сократил генерацию клиента с 15 минут до нескольких секунд В каждой команде есть момент, когда фронт и бэк перестают понимать друг друга. Бэкендер переименовал поле, изменил URL или добавил новый enum, а фронт узнает об этом только в QA. А если повезет, то в несвязанной задаче за день до релиза. Мы попытались это починить: не просто заменить NSwag на ng-openapi-gen, а выстроить процесс, где контракт становится отдельным артефактом, а не побочным продуктом сборки.

🙂 В карточках старший разработчик платформы для разметки данных AI-Центра Т-Банка Дмитрий Чепайкин рассказал, какие проблемы пытались решить, что пробовали на стороне ASP.NET Core, почему отказались от build-time-генерации и как в итоге выстроили workflow с контрактами. А подробнее читайте на Хабре.

#openapi #angular #api

*️⃣ Из чего состоят K8s-контроллеры и на какие грабли мы наступили при работе с ними Контроллеры в Kubernetes выглядят просто на схемах из документации. Но, когда садишься писать свой, оказывается, что там очередь, воркеры, кэш, индексы, манифесты, схема, веб-хуки. И это только начало. Мы пишем контроллеры для LBaaS и уже набивали шишки на бесконечной реконсиляции, finalizers, которые не работают для ресурсов из разных неймспейсов, и обновлениях, которые порождают конфликты resourceVersion.

↗️ В карточках разобрали, из чего на самом деле состоит контроллер, что из этой обвязки берет на себя kubebuilder и с какими проблемами можно столкнуться. Больше подробностей читайте на Хабре.

#k8s #controller #kubebuilder

💖 Готовы разрушить образ привычного финтеха вместе с нами? Тогда регистрируйтесь на Продукты 24 × ffdd2d! В этом году мы переосмыслим подход к конференциям и будем делиться кейсами в интерактивных форматах. Обсудим неудобные вопросы, cмэтчим взгляды на идеальный флоу создания продуктов и посмотрим на процессы под другим углом. И все это в компании единомышленников в центре Москвы. Что еще в программе: 💖 Три зала смелых идей и честных историй. Погрузитесь во внутреннюю кухню экосистемы Т-Банка и других топовых компаний, разберете продуктовую и бизнес-логику и обсудите спорные темы, о которых редко говорят публично. 💖 Интерактивные доклады. Вы сможете поговорить со спикерами о том, с чем обычно остаетесь один на один после созвонов. 💖 Стендап от героев из мира ИТ, бизнеса и не только. На один вечер они станут комиками и поделятся искренними историями о том, как ломают стереотипы и меняют реальность. 💖 Вечеринка под энергичные биты с видом на Москву-реку. Встречаемся 12 сентября на набережной Парка Горького. Регистрируйтесь уже сейчас — количество мест ограничено.

⚡️ Сделали платформенный шаблон, чтобы создавать .NET-сервисы с нуля до прода за два дня Раньше, чтобы запустить новый .NET-сервис, наши разработчики тратили 10—14 дней. Нужно было создать структуру решения, подключить PostgreSQL, Kafka, Valkey, написать Dockerfile и helm-чарты, настроить пайплайн GitLab CI/CD, телеметрию, логи, метрики, трейсы. И все это с нуля для каждого нового проекта. Мы сделали шаблон репозитория на платформе Spirit. Теперь нужно нажать кнопку, заполнить параметры — и через пару минут будет готовый репозиторий с чистой архитектурой, тестами, CI/CD и мониторингом.

В карточках — как устроена генерация, что внутри шаблона, почему мы выбрали именно такую структуру и какие результаты получили за год. А подробнее о техническом устройстве и команде Томского хаба, которая работала над шаблоном, читайте на Хабре.

#dotnet #platformengineering #devxp

😍 По нашим прогнозам, через 5 дней ожидается идеальный летний ИТ-день! Все потому, что в Коломенском пройдет ИТ-Пикник — наш большой фестиваль для ИТ-специалистов и их близких. В программе — выступления IOWA, Cream Soda, Pompeya, мартина и Совы. А хедлайнером вечера станет LAB Антона Беляева. На отдельной сцене выступят ваши коллеги из ИТ, которые после рабочего дня меняют ноутбук на гитару, микрофон и барабанные палочки. Познакомиться с ними поближе и послушать их музыку можно здесь. А днем — научпоп-лекции, дискуссии об инженерной продуктивности, кибербезе, ИИ и данных, мастер-классы и интерактивы. Полезные знакомства, развлечения и хорошее настроение уже включены 😍

Забирайте билеты до 7 августа: по одному билету могут пройти двое взрослых и двое детей до 16 лет включительно.

🔍 Правильный ответ: 3 Оказалось, решение, безопасное для одной платформы, сломало приложение на другой. Все потому, что мобильный SRE отличается от классического и в нем нельзя полагаться на привычные практики: нет ни отката, ни новых логов задним числом, ни полного контроля над средой.

В карточках рассказываем, как мы перестраиваем наблюдаемость, адаптируем SRE‑подходы под мобильный банкинг и что же произошло после того, как мы сломали iOS, спасая Android. А подробнее о том, как работает команда, читайте на Хабре.

#sre #mobile #reliability #ios #android

⚡️ Как YAML-файл на 4 КБ съел у нас 2 ГБ оперативки Мы мигрировали статические конфигурации из базы данных в файлы. Переезжали постепенно, файл за файлом. Когда добавили очередной YAML на 4 КБ, интеграционные тесты на пайплайне упали. Локально все работало, на продовых ресурсах тоже, но на раннере тестов приложение падало с OOM. Мы провели расследование с профайлингом, нашли экспоненциальный рост памяти и исправили все одной строкой.

В карточках — как мы это делали, почему метод расширения из StackExchange.Utils оказался опасным и на что обращать внимание при работе с конфигурациями в .NET. А больше деталей с графиками и кодом — на Хабре.

#RAM #OOM #performance #profiling

🔥 Как мы разогнали workflow-движок от 20 до 100 процессов в секунду Вокруг Zeebe существует немало стереотипов: медленный, сложный в настройке, нестабильный. Мы решили проверить это на практике. Для PoC использовали Camunda 8.5 и 8.6, протестировали движок в разных конфигурациях и выяснили, сколько он реально вывозит. Начали с 20 процессов в секунду на минимальной конфигурации. Закончили стабильными 100 Pi/s. По пути наступали на грабли с партициями, дисками, воркерами и каскадными сбоями. ↗️ В карточках рассказываем, как устроена архитектура Zeebe, почему одна партиция не утилизирует CPU, как диск уровня silver убивает производительность и как настроить воркеры для увеличения пропускной способности движка. А подробнее читайте на Хабре. #workflow #camunda #zeebe #performance #loadtesting