Внезапно новый 52й выпуск. В гостях Андрей Мелихов и Вячеслав Слинько. Тема разговора: микросервисы на фронтенде.

Когда-то, еще работая в крупной компании, была у нас идея фикс — создать такую архитектуру на фронтенде, чтобы можно было сочетать в себе разные технологии и фреймворки. Например, можно было бы сочетать React и Angular. И чтобы это все взаимодействовало как микросервисы. Зачем? Переход на новую технологию в энерпрайзе очень дорого. Чтобы что-то попробовать — надо получить ресурсы (люди, время). Можно завести отдел RnD и делать там эксперименты. Но это так же не дешево.

А еще хочется ускорить разработку. Представьте себе, что вы нашли себе компонент мечты, и понимаете что вы можете взять его и заюзать, но он написан на Angular. А у вас React. Писать свой? А представьте, что если было бы можно его встроить в текущую архитектуру. Мечта? Мы думали что мы безумцы но, как показывает практика, не мы одни думали в этом направлении. Мы даже рассматривали некоторые подходы и техники и пытались придумать что-то свое.

В этом подкасте мы попытались понять что такое микросервисы на фронтенде.

  • Что такое микросервисы на фронтенде? 00:00:08
  • Можем ли мы скрестить React с Angular?
  • Фронтенд микросервисы на SSI/ESI ? 00:18:29
  • iFrame в качестве контейнера для микроприложений – почему нет? 00:20:44
  • Обсуждаем проект Mosaic (https://www.mosaic9.org) 00:27:08
  • Web Components созданы для реализации микросервисов на фронтенде 00:32:07
  • Open Components 35:00:24
  • Выводы: проблемы множества фреймворков и разных версий библиотек присущи только большим энтепрайзным проектам  37:34:00
  • В чем прелесть Vue.js 38:48:00
  • AWS Lambda и Cloudflare Workers как инструмент построения микросервисов на фронтенде 43:09
  • Смешивать Angular и React – это издевательство над пользователями 46:21:00
  • Вывод: микросервисы на фронтенде – это подход при котором мы собираем результирующий фронтенд из частей с разных сервисов 48:00:00
  • Новости: в JS завезли BigInt 49:05:00
  • Регистраторы продают уже заблокированные домены! 55:28:00
  • Книга “Чистая архитектура” 58:50:00
    • Авторы фреймворков не знают ваших проблем и знают свои проблемы. Поэтому создавая фреймворки они решают свои проблемы! 01:00:37
  • Почему наши крупные компании больше не пишут свои фронтенд фреймворки и зависят от Google и Facebook ? 01:01:36
  • Новая книга Фаулера с примерами на JavaScript – это победа JS или хайп? 01:07:30
  • Не нужно замыкаться на чем-то одном и быть узко специализированным разработчиком. Нужно учить не фронтенд и бекенд, нужно изучать весь мир программирования 01:07:48
  • Конференции 01:19:10
  • Cut! 01:22:50

Пики

Скачать выпуск (mp3, 38 MB)

Давно обещанный выпуск, целиком посвященный веб-компонентам и Polymer. Сделали введение в тему, обсудили подводные камни и перспективы технологии, а также ответили на многие вопросы наших активных слушателей трансляции, сделавших рассказ менее пафосным и более живым. За кадром остались еще многие и многие другие неосвещенные темы и подробности, которые в будущем еще не раз всплывут в нашем подкасте.

  • Четыре спецификации и их поддержка в браузерах 00:01:49
  • Полифилл 00:10:46
  • HTML Imports vs ES6 Modules 00:12:55
  • Удобство использования <template> 00:14:40
  • Жива ли тема веб-компонентов? 00:16:59
  • Что дает Polymer поверх веб-компонентов? 00:19:02
  • Кто использует веб-компоненты? 00:24:38
  • Почему выбирают веб-компоненты 00:26:28
  • Похожа ли разработка на другие фреймворки? 00:31:52
  • Наследование веб-компонентов 00:34:38
  • Стоит ли сейчас начинать разработку на Polymer: особенности миграции 1.x => 2.x 00:35:40
  • Альтернатива Polymer: SkateJS 00:39:10
  • Откажемся ли мы от Angular и React когда взлетят веб-компоненты? 00:42:32
  • Переиспользование библиотек в разных компонентах 00:45:14
  • Чем так плохи HTML Imports 00:47:22
  • Импорт веб-компонентов с других доменов и CSP 00:51:16
  • Насколько маленькими должны быть веб-компоненты 00:53:10
  • Шаринг стилей и производительность 00:59:08
  • Сборка проекта и сравнение: polymer-bundler (ex. vulcanize) vs Webpack 01:03:14
  • Material Design спеки и PolymerElements 01:06:17
  • Миграция с Angular (или других фреймворков) на Polymer 01:08:12
  • Примеры компонентов, которые мы разрабатываем 01:12:16
  • В чем киллер фича веб-компонентов: долговечность, доступность и стабильность компонента 01:13:26
  • Проблемы с юнит-тестированием 01:20:42
  • Polymer Summit 2016 01:23:52
  • Как разрабатывать большие приложения на нестабильной спеке 01:25:02
  • Как связывать между собой веб-компоненты 01:28:34
  • Микросервисная архитектура на фронтенде 01:34:26

По традиции напоследок пара слов про новый релиз TypeScript 2.2 01:44:48

Скачать выпуск (mp3, 51 MB)