05.08.2022
22
Like
267
Views
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
https://www.youtube.com/watch?v=GeOoM3gENbs&t=17s
You need to log in to be able to comment!