Было ли у вас такое, что при описании типизации вашего кода все типы вроде верные, но есть желание сделать их строже, а как — непонятно? Или, может, что неверные данные попадали в функции, потому что имели совпадающий тип?

В данном докладе на нескольких примерах из реальной жизни я покажу некоторые практики, которые позволят повысить типобезопасность вашего кода.

Когда фронтенд сталкивается с неудобным API, разработчики вынуждены писать сложную логику на клиенте или выполнять множественные запросы, чтобы собрать нужные данные. Паттерн Backend for Frontend (BFF) помогает решить эти проблемы, предоставляя отдельный слой, который адаптирует данные под конкретные нужды клиентов: веба, мобильного приложения или, например, IoT-устройств.

Разберём, почему стандартных API недостаточно в современных мультиплатформенных системах, как BFF позволяет изолировать клиентскую логику, какие сложности возникают при масштабировании BFF и как их минимизировать.

Добавление новых иконок в проект часто превращается в рутину, но автоматизация может решить эту проблему. Вы узнаете, как с помощью @svgr и Node.js-скриптов автоматизировать процесс, начиная от получения SVG-файлов и заканчивая их интеграцией в React-приложение.

Ещё обсудим альтернативные подходы — использование шрифтов иконок (например, Font Awesome), спрайтов или CSS background-иконок. Рассмотрим плюсы и минусы каждого метода с учётом требований к производительности, удобству разработки и совместимости.

В финале вы получите рабочие скрипты для автоматизации добавления новых иконок, а ещё готовую конфигурацию Rollup.