Публикации по теме 'reactive-programming'


RxJS: как избежать утечек takeUntil
Использование оператора takeUntil для автоматического отказа от подписки на наблюдаемое - это механизм, описанный в статье Бена Леша Не отказываться от подписки . Это также основа общепринятого шаблона для отказа от подписки при разрушении компонента Angular. Чтобы механизм был эффективным, операторы должны применяться в определенной последовательности. И недавно я видел код, который использовал оператор takeUntil , но применял операторы в последовательности, которая..

Реактивное программирование на JavaScript с помощью RxJS.
Реактивное программирование на JavaScript с помощью RxJS. RxJS - это библиотека JavaScript для преобразования, составления и запроса асинхронных потоков данных. RxJS можно использовать как в браузере, так и на стороне сервера с помощью Node.js. Я решил объяснить RxJS разработчикам в упрощенной форме. Самая сложная часть изучения RxJS - это «Реактивное мышление» . Думайте о RxJS как о «LoDash» для обработки асинхронных событий. Итак, что же такое реактивное программирование?..

Подписка на Observables в текущих хуках жизненного цикла Angular
Как следует относиться к подпискам в текущих обработчиках жизненного цикла, таких как OnChanges, не вызывая проблем с производительностью Прежде чем мы начнем, давайте проясним: ручная подписка в хуках жизненного цикла компонентов - это худший способ обработки наблюдаемых. Если другого варианта нет и использование канала async не работает должным образом, вы можете продолжить чтение, чтобы узнать, как безопасно достичь этого и избежать подписок зомби вокруг вашего приложения, что..

Attila Csanyi, У вас есть (потенциально) большая проблема, чем описанная в этой статье.
Аттила Чаньи , у вас есть (потенциально) большая проблема, чем описанная в этой статье. Скажем, для примера, родительский компонент использует субъект (на самом деле не имеет значения, какой субъект) в качестве наблюдаемого источника, который будет передан с помощью Input дочернему MyComponent и он выдаст только одно значение, как показано ниже: @Component({ ... template: `<my-component [words$] ="src$"></my-component>` ... }) export class ParentComponent..

Основы реактивного программирования
Как следует из названия, реактивное программирование ориентировано на реакцию, поток данных и принцип причинности, а это означает, что каждая причина связана со своими следствиями. Это парадигма, означающая, что большинство проблем, которые могут быть решены с помощью реактивного программирования , также могут быть решены с помощью других типов программирования; объектно-ориентированный, процедурный, функциональный и т. д. Самое главное — определить, какой подход является наиболее..

Знакомство с формами React JSX
Введение в формы React JSX Всем привет !! Надеюсь, тебе там хорошо. Эта статья предназначена для тех, кто хочет разработать реагирующее приложение с реагирующими формами. Вы добрались сюда, я думаю, это означает, что вы знаете, что react — это просто библиотека, которая отвечает только за часть представления, или вы можете сказать, что разработчик получит только функции, которые помогают отображать вашу часть пользовательского интерфейса в виде небольших компонентов. Он не..

Состояние сложной формы с использованием React Hooks
Альтернатива доброте this.setState () Итак, с момента выпуска React hooks прошло довольно много времени. и, судя по всему, все сходят с ума от них. Ну я понял. потому что я тоже один из вас. Меня зацепили крючки! Хуки позволяют нам создавать более мелкие, компонуемые, многоразовые и более управляемые компоненты React. Иногда вы можете использовать хуки для управления состоянием формы, используя useState или useReducer. Теперь давайте рассмотрим сценарий, в котором вам..