React Spinner Kullanımı
React spinner paketi kurma
Herkese merhaba bu yazımda React projesine spinner paketini kurmayı anlatmaya çalışacağım.Umarım yararlı bir yazı olur.
Projemizde sayfayı yenilerken veya başka bir sayfaya geçiş yaparken spinner paketini kullanarak loading aşamasını daha iyi bir hale getirebiliriz.
Öncelikle projemizde terminal ekranına “ npm install — save react-spinners (yarn kullanıyorsanız “yarn add react-spinners” ) yazarak paketi install ediyoruz. Paket yüklendikten sonra useState ve useEffect ‘i import ediyoruz.
Bu aşamadan sonra https://www.davidhu.io/react-spinners/ sayfasından beğendimiz Spinner’ı projede import ediyoruz.
import ClipLoader from "react-spinners/ClipLoader";CSS düzenlerimizi bitirdikten sonra çalışmamızı bitiriyoruz. Umarım yararlı bir yazı olmuştur. Değerlendirmeleriniz ve eleştirileriniz için teşekkür ederim.
Kendimi geliştirmek için açtığım youtube kanalımda videolu anlatımı bulabilirsiniz ,abone olmak için youtube: MeaDev
Hesaplarımdan bana ulaşabilirsiniz. linkedin
