DevGang
Авторизоваться

Angular для младших разработчиков: опасности и сокровища RxJS

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

Angular для младших разработчиков: горячие и холодные наблюдаемые

Наблюдаемые объекты - это источники информации, получаемой с течением времени.

Учебник преобразования текста в речь с использованием RxJS и Angular

Это 23-й день конкурса Wes Bos JavaScript 30, и мы собираемся использовать RxJS и Angular для создания учебника по преобразованию текста в речь на английском языке. Web Speech API предоставляет интерфейсы для запроса речи и преобразования текста в речь в соответствии с выбранным голосом.

В этом сообщении в блоге мы описываем, как использовать RxJS из Event для прослушивания события изменения элементов управления вводом и обновления свойств объекта SpeechSynthesisUtterance. Интерфейс SpeechSynthesisUtterance создает речевой запрос и вызывает интерфейс синтеза речи, чтобы произнести текст и преобразовать английский текст в речь.

Angular пример ожидания HTTP-запроса

Часто в одностраничных приложениях мы хотим показать состояние, когда что-то загружается, а также показать пользователю, когда что-то идет не так. Состояния ожидания могут быть довольно сложными при работе с асинхронным JavaScript. В Angular у нас есть RxJS Observables, которые помогают нам управлять асинхронной сложностью. В этом посте я покажу шаблон, который придумал, чтобы решить что-то, над чем я работал, что помогло мне отобразить состояние запроса API, а также любые ошибки.

Где разместить RxJs оператор take(1)?

Имеет ли значение, помещаем ли мы take(1) в начало или конец наблюдаемой цепочки?

Совместное использование Observables: связь между компонентами

Предположим следующий случай: у вас есть проект Angular / Ionic, который имеет несколько компонентов, которым требуется один и тот же ресурс. Когда приложение загрузится, компоненты начнут получать свежие данные из серверной части. Следовательно, вы, вероятно, увидите несколько одинаковых вызовов на вкладке Сеть.

Управление состояниями в Angular с использованием Akita 

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

Способы создания Observables в RxJS 

RxJS - это библиотека для реактивного программирования с использованием Observables, чтобы упростить создание асинхронного или основанного на обратном вызове кода.

Связь между Angular компонентами с помощью RxJS 

В этой статье я буду использовать RxJS, чтобы показать, как компоненты взаимодействуют, когда они не знают друг друга или не имеют общих родительских / дочерних отношений.

Используйте RxJS для изменения поведения приложения на основе видимости страницы 

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

К сожалению, не все серверы предоставляют push-уведомления, такие как веб-сокеты, поэтому мы, скорее всего, создадим систему опроса, которая отправляет и извлекает результат из REST API один раз в течение данного цикла.

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

Присоединяйся в тусовку

Поделитесь своим опытом, расскажите о новом инструменте, библиотеке или фреймворке. Для этого не обязательно становится постоянным автором.

Попробовать

В этом месте могла бы быть ваша реклама

Разместить рекламу