Yeni Başlayanlar İçin REACT CONTEXT API - HOOKS 17 : Pagination ( Sayfalama)
ฝัง
- เผยแพร่เมื่อ 4 ต.ค. 2024
- Merhaba Arkadaşlar,
Bu dersler serisinde Facebook tarafından kullanıcı arayüzleri oluşturmak için geliştirilen React.js kütüphanesine ait olan Context API ve Hooks kavramları üzerine konuşacağız.
Traversy Media : • Simple Frontend Pagina...
Oleg Suncrown: • React Pagination
github.com/Ole...
React JS: reactjs.org/
Context API: reactjs.org/do...
Hooks: reactjs.org/do...
React-Bootstrap: react-bootstra...
Projeler GitHub:
CONTEXT: github.com/Ari...
HOOKS: github.com/Ari...
Test HTML: drive.google.c...
Konu Başlıkları:
Context API Nedir?
Ne Zaman, Neden Context API?
Context VS Props
Add Bootstrap & Font Awesome
Context API KUllanımı (2 Yöntem)
Consumer & Provider
Dinamik CSS
Fonksiyon Gönderimi
Hooks Nedir?
Neden Hooks?
Class Based Component Bitti Mi?
useState
Hooks + Context API
useEffect
Genel Olarak Hooks Mantığı
Foksiyonel Componentlar
Custom Hooks
Reducer
ve daha fazlası...
Twitter: @ArinSoft
Email: arinyazilim@gmail.com
tam olarak aradığım içerik buydu çok teşekkürler. şu ana kadar pagination anlatımlarını hep fetch data üzerinden örneklerle görmüştüm ama benim aradığım şey elimdeki mevcut datayı pagination'la kullanmaktı. hazine bulmuş gibi hissediyorum kendimi. emeğinize sağlık.
dersler cok guzel elinize saglik hocam
Buna ehtiyacım var idi. Təşəkkürlər
Saolasın Aysel.
teşekkürler hocam çok güzel ve sade bir şekilde açıklamışsınız
Hocam çok teşekkürler buna ihtiyacım vardı. Bununla alakalı zaten konuşmuştuk. Yer verdiğiniz için teşekkürler :)
Rica ederim.
Degerli hocam tesekkurler, emeklerinize saglik Olek beyin kanalina giderek bir Like da ben biraktim, dilim dondugunce bir de yorum yazdim ingilizce. Insallah anlamistir, biraz destek olmak istedim. Acikcasi rusca bilmememe ragmen videolarini gayet kaliteli buldum.
Saolasın Kenancım, evet yaklaşımı çok başarılı.
Teşekkürler..Emeğinize sağlık
Emeginize saglik hocam.
Emeğinize sağlık hocam.
👍🏻👍🏻👍🏻
teşekkürler
teşekkür ederiz güzel ders, localeCompare ile sıralama yapmıştınız, localeCompare ile yaparsanız; EmployeeContext'te sıralamayı başta yapmanıza gerek kalmıyor, EmployeeList'te de alfabetik sıralama yapıyor.
Aynı şeyi söylüyoruz.
Hocam çok ufak bir ekleme yaptım. Çok gerekli değil belki ama bazı arkadaşlar merak edebilir diye paylaşmak istedim.
Listeleme yaptığımız çalışanların sayısını ve toplamda kaç tane olduklarını dinamik olarak sol tarafta yazdırdım.
EmployeeList Component'inde
Pagination Component'inde ise
Showing {currentEmployees} out of {totalEmployees} Employees
kullanarak yazdırdım.
Ahhhahah. 18. dersi izlememişsin sanıyorum :). Güzel pişti olmuş.. Katkı için teşekkürler.
@@ArinYazilim İzlemedim hocam :)) Aklıma geldi izlerken yaptım paylaşıyım demiştim :) saolun hocam
@@DjSeCo7 Aslında bu dersin konusuydu unutmuşum :D. Ben de 18. derse eklemiştim ama bu şekilde ilerlemen çok iyi.
@@ArinYazilim Tesekkurler hocam :)
Hocam öncelikle emeğiniz için teşekkür ederim. Bir yazılımcı olarak bu tür videoların çok faydasını görüyorum ve bir Traversy Media da neden bizden çıkmasın diyerek iyi dileklerimi sunuyorum sizlere.
Ek olarak arkadaşlara bir katkı olması açısından bende şu linki bırakayım th-cam.com/video/lVgF2OziomM/w-d-xo.html&ab_channel=Weibenfalk . Burada da infinity scroll ile bir pagination yapılmış ve güzel bir anlatımı var. İyi çalışmalar diliyorum herkese.
Oğuz merhaba. Traversy medialar var aslında yeterki destek alalım, özellikle orjinal çalışmalar için.
Hocam ben tabloda max 50 kayıt göstererek toplamda 74 sayfa veriye sahibim ancak bu şekilde kullanırsam sayfa sayıları sağ tarafa doğru uzayıp gidiyor bunun önüne nasıl geçebilirim?
thanks 👍
You are welcome.
Hocam sizin sayenizde html css öğrendim. Yine sizin anlattığımız JS serisine başlamayı düşünüyorum. Güncel bı seri gelir mi acaba yoksa günümüzle arasında çok fark yok mu o videoların ? Teşekürler
Güncel seri gelmez, günmüzü için ES6 versiyonuna çalışmanız gerekir.