Публикации по теме 'rxjs'
RxJS и Angular - откажитесь от подписки как профессионал
Все шаблоны, которые вам когда-либо понадобятся для подписки и отказа от подписки на RxJS Observables в вашем проекте Angular!
Следите за кодом с помощью этой живой демонстрации Найдите полный исходный код этого блога в этом репозитории github
Вступление
Мы используем RxJS в каждом приложении Angular, которое мы пишем, он оказывает большое влияние на поток данных в нашем приложении, производительность и многое другое.
Важно отказаться от подписки на наши Observables, чтобы..
Некоторые практические приемы использования rxjs в Angular
(Отказ от ответственности: продемонстрировано использование rxjs версии 5 на Angular 5, но я думаю, что идея аналогична и для версии 6, только api был изменен.)
Я попытался собрать некоторые практические приемы IMO, которые используются при реактивной разработке в Angular.
Альтернатива наблюдаемых объектов "обещание все":
updateSomething$(something: Something[]): Observable<Something[]{
const requests = something.map(thingy => this .http.put( `/something/ ${thingy.i d } ` ,..
Откройте для себя возможности отмены HTTP-запросов в Angular
Для более быстрых ответов и более плавного взаимодействия
Отмена HTTP-запроса в Angular означает, что вы прерываете или отменяете текущий HTTP-запрос до его завершения.
Вот несколько ситуаций, в которых отмена запроса может быть полезной:
Если пользователь отправляет несколько похожих запросов за короткий промежуток времени , отмена ненужных запросов может помочь нам оптимизировать производительность. Например, если наше приложение выполняет вызов API при каждом нажатии клавиши в..
11 операторов RXJS, которые вам нужно знать, чтобы повысить производительность
1)Карта
Это то же самое, что и метод карты в Array. Предположим, ваш API возвращает строки в нижнем регистре, но вам нужно преобразовать его в верхний регистр, вы можете использовать оператор карты, поэтому в основном оператор карты используется для преобразования ваших данных из одного типа в другой.
Вот пример оператора карты (я использую оператор of для имитации вызовов API)
let API= of('medium', 'google', 'youtube');
API.pipe(map((val) =>{
return val.toUpperCase();..
Важно помнить об операциях подписки в веб-приложениях Angular
Вы когда-нибудь задумывались, почему некоторые приложения Angular кажутся быстрыми и отзывчивыми, а другие — медленными и неуклюжими? Большая часть этого связана с тем, как мы обрабатываем наши потоки данных в приложении. И здесь в игру вступает метод subscribe .
Когда мы создаем приложения Angular, мы часто работаем с чем-то, что называется «наблюдаемым». Это причудливый способ сказать «поток данных, который мы можем прослушивать». И для того, чтобы «прослушать» этот поток данных,..
Что такое RxJS
Что такое RxJS
RxJS — это библиотека для реактивного программирования с использованием Observables в JavaScript, которая позволяет создавать управляемые событиями асинхронные потоки данных и предоставляет широкий спектр операторов для работы с Observables для создания сложных потоков данных и преобразований.
Вкратце
RxJS или Reactive Extensions for JavaScript — это библиотека для реактивного программирования с использованием Observables. Реактивное программирование — это парадигма..
Делаем RxJS понятнее для разработчиков Angular
Достаточно понимания RxJS для ваших основных потребностей Angular!
Одним из самых больших изменений, внесенных командой Angular с полным переписыванием Angular, было принятие RxJS и функционального реактивного программирования в качестве основной части фреймворка.
Для многих это был Святой Грааль. Но для других это было препятствием на пути внедрения и изучения Angular - возможно, повод отказаться от фреймворка.
Я хочу помочь вам демистифицировать Rx и узнать о нем достаточно,..
