elyface / elyface-SSR

A react and Nextjs based, search-indexed SSR boilerplate and starter kits for publishers and news websites integrated with Blupoint CMS.

Other

0 stars 1 forks source link

infinity scroll / router link (detay sayfası) komponenti #22

Closed oyilmaztekin closed 5 years ago

oyilmaztekin commented 5 years ago

Bazı örnek komponentler mevcut. Bunları uyarlayabilir miyiz değerlendirmek lazım.

https://www.npmjs.com/package/react-infinite-scroller https://www.npmjs.com/package/react-infinite-scroll-component

zekpehlivan commented 5 years ago

Şimdi bu örneklerde infinite scroll çalışıyor ancak burada içeriği paging olarak update ediyor. Buradaya kadar okdir.

Makale olayında şöyle bir durum var; haber linkininde değişmesi gerekiyor.

Neden dersek kullanıcı "domain.com/x-haber" diye bir makaleyi açsın.

Sayfayı scrool ettikçe "y haber" "domain.com/y-haber" olmazsa bu sefer içerik değişse bile linki kopyalayıp paylaştığında "domain.com/x-haber" kopyalaşmış oluyor.

Mesela ben burada "div - #7" yi görüyorum. Ama sana linki verdiğimde sen baştan başlıyorsun.

https://yk7637p62z.codesandbox.io/

zekpehlivan commented 5 years ago

Şurada abiler tartışmış galiba;

https://stackoverflow.com/questions/51244908/change-url-with-reactjs-infinite-scrolling

oyilmaztekin commented 5 years ago

Anladım hem içerik hem de paylaşım için router linki değişecek. Bunun için bi komponent yazarız muhtemelen. Veya yukarıda paylaştığım komponentlerden birisini değiştiririz.

oyilmaztekin commented 5 years ago

110 öne çıkanlar datasetinden yükleme yapılacak.

oyilmaztekin commented 5 years ago

80 #19 scroll edildiğinde, haber değiştiğinde reklam güncellenecek.

oyilmaztekin commented 5 years ago

Örnek: https://codesandbox.io/s/yk7637p62z

zekpehlivan commented 5 years ago

Bunda şöyle bir sıkıntı vardı yanlış hatılamıyorsam ; üstte linkte div-id basmıyor. Böylece link paylaşıldığında aynı sayfaya gidiyor sürekli...

oyilmaztekin commented 5 years ago

Evet aynen öyle. Diğer paketlerde de var o sıkıntı. Çünkü tamamı lazy loading mantığında kurgulanmış. O kısmı biz kendimiz yazacağız.

zekpehlivan commented 5 years ago

files.zip

zekpehlivan commented 5 years ago

İnfiniti dosyaları ekledim. Görebilirsin.

oyilmaztekin commented 5 years ago

DFP ile alakalı işlemler DFPSlotsProvider ın deklare edildiği sayfada yapılabiliyor. StoreProvider üzerinde activeURL değişimi olduğunda pagedetaillayout komponenti içerisinde DFPManager.refresh() uygulanacak.