Size: a a a

2021 March 25

ОС

Олександр Савуловськ... in Angular Kyiv
Danil Gudz
дочерний элемент никак не может знать когда “запрос” начался, он только знает когда ему что-то новое придет
логику с isLoading$ нужно перенести в AppComponent

  this.vm$ = this.reloadTrigger$.pipe(
    startWith(null),
    switchMapTo(this.mainService.getData().pipe(
      map(data => ({isLoading: false, data})),
      startWith({isLoading: true, data: null})
    )),
  )

https://stackblitz.com/edit/angular-ivy-2yj3rv?file=src/app/wrap/wrap.component.html
Огромное Спасибо!
источник

ОС

Олександр Савуловськ... in Angular Kyiv
Danil Gudz
дочерний элемент никак не может знать когда “запрос” начался, он только знает когда ему что-то новое придет
логику с isLoading$ нужно перенести в AppComponent

  this.vm$ = this.reloadTrigger$.pipe(
    startWith(null),
    switchMapTo(this.mainService.getData().pipe(
      map(data => ({isLoading: false, data})),
      startWith({isLoading: true, data: null})
    )),
  )

https://stackblitz.com/edit/angular-ivy-2yj3rv?file=src/app/wrap/wrap.component.html
Подскажите если не сложно.
Если я буду использовать такую обертку мне прийдется дублировать код в компонентах
.pipe(
      map(data => ({isLoading: false, data})),
      startWith({isLoading: true, data: null})
    )),
Правильно я понимаю, единственная возможно немного оптимизировать - вынести его в кастомный оператор?
источник

DG

Danil Gudz in Angular Kyiv
Олександр Савуловський
Подскажите если не сложно.
Если я буду использовать такую обертку мне прийдется дублировать код в компонентах
.pipe(
      map(data => ({isLoading: false, data})),
      startWith({isLoading: true, data: null})
    )),
Правильно я понимаю, единственная возможно немного оптимизировать - вынести его в кастомный оператор?
а зачем дублировать если дочерние компоненты в обертке не нуждаются уже?
посмотрите стэкблитц что я скинул измененный мной
источник

ОС

Олександр Савуловськ... in Angular Kyiv
Danil Gudz
а зачем дублировать если дочерние компоненты в обертке не нуждаются уже?
посмотрите стэкблитц что я скинул измененный мной
Идея была в том чтобы в шаблонах компонентов использовать обертку. Так сказать обвернуть ней код в шаблоне. В обертку «бросать» данные. Обертка должна показать loading пока нет данных или ошибку http если есть - потом когда пришли данные их уже в шаблоне компонента отобразить.
источник

DG

Danil Gudz in Angular Kyiv
Олександр Савуловський
Идея была в том чтобы в шаблонах компонентов использовать обертку. Так сказать обвернуть ней код в шаблоне. В обертку «бросать» данные. Обертка должна показать loading пока нет данных или ошибку http если есть - потом когда пришли данные их уже в шаблоне компонента отобразить.
ну когда вы создали свой стрим vm$ он в себе инкапсулировал работу с запросом и когда вы его передает в дочерний элемент он для него выглядит как
—a——b——c——d——e
а когда пользователь нажал на кнопку reload дочерние элементы не могут знать по этому стриму
поэтому тут либо делать как сделал я - снаружи контролить лоадинг и отдавать в дочерний с оберткой
либо отдельным инпутом передавать стрим/булеан с лоадингом
потому что знать о лоадинге может только тот где делается switchMap(… request)
только тут можно добавить loading: true и на респонз false
источник

ОС

Олександр Савуловськ... in Angular Kyiv
Danil Gudz
ну когда вы создали свой стрим vm$ он в себе инкапсулировал работу с запросом и когда вы его передает в дочерний элемент он для него выглядит как
—a——b——c——d——e
а когда пользователь нажал на кнопку reload дочерние элементы не могут знать по этому стриму
поэтому тут либо делать как сделал я - снаружи контролить лоадинг и отдавать в дочерний с оберткой
либо отдельным инпутом передавать стрим/булеан с лоадингом
потому что знать о лоадинге может только тот где делается switchMap(… request)
только тут можно добавить loading: true и на респонз false
Понял. Спасибо!
источник
2021 March 29

B

Becker in Angular Kyiv
Привет всем! Ищу к себе в команду разработчика (25$/час) если кому то интересно пишите в лс.
источник
2021 March 30

N

Nik in Angular Kyiv
привет. кто то юзал playwright.dev для e2e тестирования? может кто готов поделиться впечатлениями?
источник

VN

Vladyslav Nasadiuk in Angular Kyiv
Nik
привет. кто то юзал playwright.dev для e2e тестирования? может кто готов поделиться впечатлениями?
у нас автомейшены на проекте юзают, но сам не щупал
источник

E

Eugine in Angular Kyiv
Ребят, а можно здесь разместить описание позиции? Не на правах рекламы. А мне в команду человечек нужен
источник

Sergey Фrolov in Angular Kyiv
Eugine
Ребят, а можно здесь разместить описание позиции? Не на правах рекламы. А мне в команду человечек нужен
Если ты разработчик, то можно
источник

IF

Igor Filippov in Angular Kyiv
Nik
привет. кто то юзал playwright.dev для e2e тестирования? может кто готов поделиться впечатлениями?
Интересно было бы еще от кого-то услышать фидбек в плане что лучше Cypress или сабж
источник

NH

Nikolai Harkusha in Angular Kyiv
всем привет
кто-то юзал https://sentry.io/ ?
что можете сказать о нем?
источник

E

Eugine in Angular Kyiv
Sergey Фrolov
Если ты разработчик, то можно
Разработчик) Пасиб.
Итак, мне в команду(американский e-commerce стартап) нужен джун-мидл ангулар разработчик.
1-2 года опыта.
Стандартный набор:
Angular 11,
SCSS,
NGRX,
NX.

Плюсом будет, если сталкивался с IgniteUI for Angular.

Бекенд на ASP.NET.

Приятная ЗП, страховка, оплата обедов и другие плюшки от компании.
Если интересно - пишите мне в личку. Расскажу подробнее.
источник

Z

Zen in Angular Kyiv
Одна из лучших подобный тулз, полностью опенсорс, можно легко развернуть у себя, в последней версии добавили трейсинг
источник
2021 March 31

MP

Michael Peteichuk in Angular Kyiv
Zen
Одна из лучших подобный тулз, полностью опенсорс, можно легко развернуть у себя, в последней версии добавили трейсинг
могу подтвердить
источник

N

Nik in Angular Kyiv
Обязательно нужно юзать, но смотря для чего. К примеру для фронта также полезен LogRocket
источник

NH

Nikolai Harkusha in Angular Kyiv
Zen
Одна из лучших подобный тулз, полностью опенсорс, можно легко развернуть у себя, в последней версии добавили трейсинг
спасибо
источник

NH

Nikolai Harkusha in Angular Kyiv
Nik
Обязательно нужно юзать, но смотря для чего. К примеру для фронта также полезен LogRocket
спасибо
источник

I

Ilya in Angular Kyiv
Мы bugsnag ещё юзали - тоже ок
источник