Войти Регистрация
System design

22. Микрофронтенды личного кабинета

Средняя

Пройдите шаги: уточните требования, оцените нагрузку, выберите решения, нарисуйте схему.

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

Для расчёта: 3 млн DAU в вебе, у каждого раздела свой React и UI-кит, около 140 КБ сжатого JS общих зависимостей. Треть заходов — с мобильного интернета около 3 Мбит/с.

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

Как проверяем Шаги с вариантами и расчётами проверяем автоматически: число засчитано, если оно в пределах допуска от эталона. Схему вы оцениваете сами по чек-листу. Зачёт — схема набрала 60 % чек-листа и верны 70 % остальных пунктов. Ответ один на подход: после него показываем разбор.
фронтендмикрофронтендыModule Federationобщие зависимости

Источник: на задачах МТС: веб-кабинет абонента. Условие пересказано своими словами.

Давали на собеседовании? Ответов пока мало — ваш поможет.
  1. Уточнить требования — Что уточнить?
  2. Оценить цену дублей
  3. Интеграция — Как собирать разделы в одно приложение?
  4. Связь разделов — Раздел «Услуги» подключил услугу, баланс в шапке должен обновиться. Как?
  5. Схема — Опишите оболочку, загрузку разделов и выкатку.