Size: a a a

Советский Angular

2021 February 04

IV

Ilya Verpovsky in Советский Angular
У меня тут вопрос про RxJS есть. Как можно в RxJS сделать такую задачу:
Есть например функция “Удалить объект”. Возвращает Observable со статусом выполнения.
Сама функция открывает диалоговое окно, делает запрос к бэку, удаляет объект.
Как можно из этой функции сделать такой Observable объект, чтобы можно было в этот объект добавлять новые source Observable и подписывается на него.

Это похоже на то что получается тут: https://medium.com/angular-in-depth/rxjs-in-practice-86cc133b7d42
Только получается не несколько Actions методов, а один метод, куда передаем Observable как ещё один источник событий.

Ближайшее что у меня получилось это на картинке.
источник

VI

Vadim Ivanov in Советский Angular
Вертихвост キバ 🏡🦊
хороший вопрос, попробуй пингануть меня в 18:00, должно быть посвободнее)
Пингую)
источник

Вキ

Вертихвост キバ 🏡🦊... in Советский Angular
Vadim Ivanov
Пингую)
чуть позже)
источник

VI

Vadim Ivanov in Советский Angular
Ок)
источник

S

Smooth Operator in Советский Angular
Ilya Verpovsky
У меня тут вопрос про RxJS есть. Как можно в RxJS сделать такую задачу:
Есть например функция “Удалить объект”. Возвращает Observable со статусом выполнения.
Сама функция открывает диалоговое окно, делает запрос к бэку, удаляет объект.
Как можно из этой функции сделать такой Observable объект, чтобы можно было в этот объект добавлять новые source Observable и подписывается на него.

Это похоже на то что получается тут: https://medium.com/angular-in-depth/rxjs-in-practice-86cc133b7d42
Только получается не несколько Actions методов, а один метод, куда передаем Observable как ещё один источник событий.

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

IV

Ilya Verpovsky in Советский Angular
Smooth Operator
при добавление генерировать айдишник
делать некст с ней и задачей, айдишки прокидывать по процессу
и вернуть стейт с фильтром по этой айдишке из этого метода?
Тут без айдишника. Зачем  айдишник?
источник

S

Smooth Operator in Советский Angular
Ilya Verpovsky
Тут без айдишника. Зачем  айдишник?
что бы отследить процесс выполнения
источник

IV

Ilya Verpovsky in Советский Angular
Smooth Operator
что бы отследить процесс выполнения
Что-то всё равно не понимаю зачем айдишник. Задача лежит в State и она не меняется. Только если в айдишнике хранить состояние pending какое-нибудь.
источник

S

Smooth Operator in Советский Angular
Ilya Verpovsky
Что-то всё равно не понимаю зачем айдишник. Задача лежит в State и она не меняется. Только если в айдишнике хранить состояние pending какое-нибудь.
ну ты хочешь один обсервабл в котором будут выполнятьс задачи
и метод который будет добавлять в него задачи и возвращать обсервабл с процессом выполнения этой задачи?

или я неправильно понимаю
источник

IV

Ilya Verpovsky in Советский Angular
Smooth Operator
ну ты хочешь один обсервабл в котором будут выполнятьс задачи
и метод который будет добавлять в него задачи и возвращать обсервабл с процессом выполнения этой задачи?

или я неправильно понимаю
Скорее один Observable в котором хранится задача.
Метод, который будет добавлять Observable которые вызывают выполнение задачи.
И возвращать Observable с выполнением этой задачи.

Как-то так.
источник

IV

Ilya Verpovsky in Советский Angular
Smooth Operator
ну ты хочешь один обсервабл в котором будут выполнятьс задачи
и метод который будет добавлять в него задачи и возвращать обсервабл с процессом выполнения этой задачи?

или я неправильно понимаю
На примере это получается не onClick() вызывает метод выполнения задачи, а мы передаем Observable<MouseEvent> который будет вызывать выполнение задачи.
источник

IV

Ilya Verpovsky in Советский Angular
Smooth Operator
ну ты хочешь один обсервабл в котором будут выполнятьс задачи
и метод который будет добавлять в него задачи и возвращать обсервабл с процессом выполнения этой задачи?

или я неправильно понимаю
И получается, если мы передадим в этот State  Observable<MouseEvent>, Observable<RouteEvent>, Observable<OtherEvent>, то все эти три потока будут вызывать задачу в State. И на этот State можно подписаться как на Observable<result>
источник

S

Smooth Operator in Советский Angular
Ilya Verpovsky
И получается, если мы передадим в этот State  Observable<MouseEvent>, Observable<RouteEvent>, Observable<OtherEvent>, то все эти три потока будут вызывать задачу в State. И на этот State можно подписаться как на Observable<result>
чет не пойму зачем там эти евенты
источник

IV

Ilya Verpovsky in Советский Angular
Smooth Operator
чет не пойму зачем там эти евенты
Чтобы subscribe меньше писать
источник

S

Smooth Operator in Советский Angular
Ilya Verpovsky
Чтобы subscribe меньше писать
addAction добавляет задачу или добавляет триггер задачи?
источник

IV

Ilya Verpovsky in Советский Angular
Smooth Operator
addAction добавляет задачу или добавляет триггер задачи?
Триггер.

Вот, на картинке. Получается, что в конструктор передаётся задача, а в next — триггеры.
источник

IV

Ilya Verpovsky in Советский Angular
Kir 🦋 JS
Сегодня в 18:30 по Москве буду пилить codelab.funcodelab.fun (Angular + Firebase) 🙂

(пишу заранее по многочисленной просьбе)

Приходите
Пообщаться: https://studio.restream.io/guest/RXEycDNaeUMbJMQBl0FYqKx5Ov9KpdA
Посмотреть: https://www.twitch.tv/kirjs
Ещё не началось?
источник

K🦋

Kir 🦋 JS in Советский Angular
Ilya Verpovsky
Ещё не началось?
Ой, кто-то часы перевел по ходу
источник

K🦋

Kir 🦋 JS in Советский Angular
пря ща начну
источник

K🦋

Kir 🦋 JS in Советский Angular
Ок, включил
источник