Article cover

05.08.2022

22

Like

196

Views

React Spinner Kullanımı

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

React
React Native

Comments

You need to log in to be able to comment!

Muhammed Ebrar Altunkaynak

Merhaba , Ben Ebrar 1 senedir React yazıyorum ve kendimi nodejs üzerine geliştiriyorum. www.ebrardev.com

Location

Mersin, TR

Education

Computer Engineering - Mersin University

Job Experience

BİLGİ İŞLEM -PART TIME - MERSİN ÜNİVERSİTESİ

Intern - GefeaSoft

© 2021 Patika Dev

facebook
twitter
instagram
youtube
linkedin