3 сентября мы провели 18-й Angular Meetup. В этот раз все доклады были объединены общей темой: говорили о разных аспектах производительности Angular-приложений.
Из-за пандемии сами знаете чего наша жизнь сильно изменилась и по большей части не к лучшему. Но есть и хорошие новости: никогда раньше международные мероприятия и мировые эксперты не были так доступны и близки. Мы тоже решили извлечь максимум из жизни онлайн и на 18-й Angular Moscow пригласили двух зарубежных экспертов со статусом GDE.
В посте вы найдете тезисы и видео докладов, а также ссылку на страницу с презентациями.
How we share Angular between applications — Igor Katsuba, Tinkoff
Фронтенд Тинькофф-Бизнеса состоит из десятков микрофронтендов. Причем в каждый момент времени загружено минимум два приложения: основное приложение и Frame Manager — приложение-оркестратор, отвечающее за авторизацию, навигацию и прочие вспомогательные штуки.
У такой архитектуры есть ряд достоинств, но и несколько недостатков. Один из них — Angular и другие библиотеки заново загружаются с каждым приложением.
В своем докладе Игорь рассказывает о нескольких подходах к решению этой проблемы и о том, какой из них оказался оптимальным.
Let’s Optimize an Angular App — Santosh Yadav, Google Developer Expert, Author & Trainer
Шаринг ангуляра и библиотек между микрофронтендами подойдет проектам с соответствующей архитектурой. Но есть и более универсальные способы уменьшить размер бандла и в целом оптимизировать приложение: lazy loading с различными стратегиями предзагрузки, установка бюджетов, анализ состава бандла (а не попало ли туда что-то лишнее?)… Об этих и других рецептах оптимизации в своем докладе рассказал Сантош Ядав (Santosh Yadav).
Fully Zone-Less — High-Performance Angular applications in post IVY — Michael Hladky, Google Developer Expert
В докладе Михаэля Хладки (Michael Hladky) речь шла об особенностях работы механизма Change Detection в Angular и приемах, позволяющих ускорить работу приложений, избежать лишних перерисовок, а также местами сделать template binding более удобным — все это за счет использования пакета rx-angular/template.
Все доклады этого митапа лежат в плейлисте на YouTube. Презентации вы найдете на странице митапа. А о предыдущем митапе мы здесь не писали, но плейлист есть. Посмотрите, там тоже было много интересного.
Спасибо всем, кто присоединился к нам в этот вечер!
Приходите еще!
Автор: Yulia Tsareva
