- PVSM.RU - https://www.pvsm.ru -
При построении веб-сервисов наши фронтенд-разработчики используют Angular — один из топ-фреймворков с высокой скоростью разработки и низким порогом вхождения. Но несмотря на последнее, во время изучения могут возникнуть трудности с потоками, отписками и другими абстракциями. Поэтому мы попросили коллег порекомендовать полезные ресурсы, которые помогут в освоении этих тем. Подробности под катом.
Зачастую для изучения фреймворка достаточно документации [1] — она структурная, емкая и понятная. Собрали эту подборку, чтобы было, чем разнообразить процесс.
Все ресурсы, которые рекомендуют наши сотрудники, — иностранные. Поэтому подборка будет актуальна и тем, кто хочет подтянуть свой английский.
Никита, фронтенд-разработчик
Книга, в которой собраны теория и примеры из практики ее создателей. У нее есть большой плюс: постоянно обновляется в соответствии с текущей версией Angular.
Все рассматриваемые в книге темы, например, основы TypeScript, маршрутизаций или тестирования приложений, дополнены подробными листингами с кодом. Сложно оценить, чего в этой книге больше — текста или примеров.
Источник → официальную версию можно купить тут [2], но в сети есть и бесплатные варианты.
Алексей, старший фронтенд-разработчик
Работа с Angular не вызывает особых проблем, чаще они возникают со встроенной библиотекой RxJS. В тексте автор подробно рассказывает о работе с потоками и их комбинациями, а также визуализирует их.
Когда приложение разрастается и начинает работать с несколькими источниками данных, нужно использовать комбинации потоков. Они позволяют создавать сложные запросы, объединяя соответствующие потоки в один.
В RxJS есть много операторов, которые могут с этим помочь. Несмотря на то, что они концептуально сложны, материал понятен за счет интерактивных диаграмм.
Пример из статьи: работа SwitchAll.
Источник → погрузиться в RxJS можно по ссылке [3].
Сергей, фронтенд-программист
Автор простым языком рассказывает про сложные и не очень темы, показывает подробные примеры, освещает новинки в фреймворке. Отдельно могу выделить плейлист Angular Design Patterns.
Канал подойдет как начинающим, так и опытным разработчикам. Кроме введения в Angular, есть плейлисты по работе с RxJS и паттернами проектирования. Интересен также и формат shorts-видео, в которых автор рассказывает про основные конструкции, структуры и фишки в работе с Angular. Их можно использовать в качестве шпаргалок.
Список плейлистов на канале Decoded Frontend.
Источник → запаситесь попкорном и смотрите видео по ссылке [4].
Максим, старший фронтенд-разработчик
Недавно наткнулся на основательную статью по утечкам памяти при использовании RxJS. Рекомендую: там разобраны, наверное, все нюансы отписок от потоков в Angular.
В своей статье Томас Траян, эксперт-разработчик из Google, подробно рассказал об особенностях работы с subscribe- и unsubscribe-методами, еще — об утечках памяти о том, как с ними бороться.
«Бесконечный» список статей в блоге Tomas Trajan.
В блоге Томаса есть и другие полезные материалы. Среди них — статьи о разработке расширений для Chrome, профессиональные советы по оптимизации.
Источник → статья доступна по ссылке [5].
Коллеги из корпоративного центра обучения Selectel посоветовали еще несколько материалов для погружения в Angular.
По умолчанию Angular предоставляет два способа работы с формами — шаблонный и реактивный. Последний полезен, когда нужно описать специфические правила для валидации потока ввода и динамически добавлять новые поля.
В материале авторы из DigitalOcean рассказывают, как подготовить проект и интегрировать реактивные формы.
Источник → читайте туториал на сайте [6].
Еще один материал про потоки в RxJS — на этот раз, разбитый на части. В статье авторы рассказывают основное: о создании наблюдаемых объектов, подписках, потоки, про асинхронную и синхронную работу с Observables и другое.
Источник → статья доступна по ссылке [7].
Возможно, эти тексты тоже вас заинтересуют:
→ 7 килограммов портативности, или ноутбук Amstrad ALT-386SX из 1988 года. Часть 2 — разбираем убердевайс [8]
→ Крупнейший в Испании музей игровых консолей, видео- и компьютерных игр: идеальная суббота для гика [9]
→ Еще больше подводных кабелей, хороших и разных: интернет-магистрали в России и мире [10]
Автор: Влад Ефименко
Источник [11]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/news/382494
Ссылки в тексте:
[1] документации: https://angular.io/docs
[2] тут: https://books.ninja-squad.com/angular
[3] ссылке: https://medium.com/angular-in-depth/learn-to-combine-rxjs-sequences-with-super-intuitive-interactive-diagrams-20fce8e6511
[4] ссылке: https://www.youtube.com/@DecodedFrontend
[5] ссылке: https://medium.com/angular-in-depth/the-best-way-to-unsubscribe-rxjs-observable-in-the-angular-applications-d8f9aa42f6a0
[6] сайте: https://www.digitalocean.com/community/tutorials/angular-reactive-forms-introduction
[7] ссылке: https://www.telerik.com/blogs/angular-basics-introduction-observables-rxjs-part-1
[8] 7 килограммов портативности, или ноутбук Amstrad ALT-386SX из 1988 года. Часть 2 — разбираем убердевайс: https://habr.com/ru/company/selectel/blog/710750
[9] Крупнейший в Испании музей игровых консолей, видео- и компьютерных игр: идеальная суббота для гика: https://habr.com/ru/company/selectel/blog/712002
[10] Еще больше подводных кабелей, хороших и разных: интернет-магистрали в России и мире: https://habr.com/ru/company/selectel/blog/711808
[11] Источник: https://habr.com/ru/post/713876/?utm_source=habrahabr&utm_medium=rss&utm_campaign=713876
Нажмите здесь для печати.