React Bilesen ve Css Kutuphaneleri
React ile birlikte çeşitli CSS ve Bileşen (component) kütüphaneleri kullanmak mümkündür. Bu kütüphaneler ile uygulamanızı daha hızlı hazırlayabilirsiniz.
Asagida en cok kullanilan Bilesen (Component) ve CSS kutuphanelerini bulabilirsiniz.
Bileşen & CSS Kütüphaneleri
Section titled “Bileşen & CSS Kütüphaneleri”Bileşenler (Components) react projelerinde en önemli kısmını oluştururlar. React’da hemen hemen her bir icerik bir bileşen ile hazırlanır. Tüm bu bileşenleri kendimiz yazabilir veya hazır kütüphaneler kullanarak projemizi daha hızlı bitirebiliriz.
CSS kütüphaneleri (Tailwind, Bootstrap vb.) ise kendi Css’lerimizi yazmak yerine hazır css’leri kullanmak icin yaratılmışlardır.
Bilesen ve CSS kutuphanerini karıstırmamak gerekö adı üzerinde biri size hazır bileşenler verirken diğeri hazır CSS ler verir. Diger taraftan asagidaki bazi kütüphaneler bileşenler ile birlikte kendi CSS kütüphanelerini kullanırlar veya 3.taraf CSS kütüphanelerini (Tailwind, Bootstrap gibi) eklemenize ve birlikte çalısmasına izin verirler.
Shadcn UI
Section titled “Shadcn UI”Gunumuzde populerligi hizla artmaktadir. Hemen hemen tum ihtiyac duyacaginiz bilesenleri barindirir.
Radix UI
Section titled “Radix UI”Cok kullanilan bir diger bilesen kutuphanesi.
Asagida Radix ile yaptigim bir calisma mevcut: https://github.com/ozayo/Chas-Radix-Dashboard
Next UI
Section titled “Next UI”Henuz kullanmadim ancak listemde.
Chakra UI
Section titled “Chakra UI”Chakra UI bir baska populer kutuphane.
Tailwind UI
Section titled “Tailwind UI”Tailwind bir cok projede vazgecilmez bir CSS kutuphanesi oldu. Eger projenizde Tailwind kullaniyorsaniz bilesen kutuphanesi icin de Tailwind UI kullanabilirsiniz.
Tailwind CSS
Section titled “Tailwind CSS”Tailwind cok populer bir CSS kutuphanesidir. Bir cok JS framework’u ile birlikte kullanilabilir. Ancak Tailwind CSS bir css kutuphanesidir, dolayisiyla yukaridaki bilesen kutuphaneleri ile karistirilmamasi gerek.
React Npm Paketleri
Section titled “React Npm Paketleri”Çeşitli amaçlar için geliştirilmiş ve React ile kullanabileceğiniz bazi npm paketleri listesi:
- https://react-icons.github.io/react-icons/
- https://react-day-picker.js.org/
- https://recharts.org/
- https://react-table-library.com/
React awesome listeleri
Section titled “React awesome listeleri”- https://github.com/enaqx/awesome-react
- https://github.com/brillout/awesome-react-components
- https://reactjsexample.com/