| Paket | Ne İşe Yarar? | Kurulum |
|---|---|---|
| react-router-dom | Sayfalar arası navigasyon ve router yönetimi sağlar. | npm i react-router-dom |
| @remix-run/react-router | Modern routing çözümleri ve loader/action entegrasyonu. | npm i @remix-run/react-router |
| react-router-config | Nested ve dinamik rotalar için yapı sağlar. | npm i react-router-config |
| Paket | Ne İşe Yarar? | Kurulum |
|---|---|---|
| zustand | Basit ve hızlı global state yönetimi. | npm i zustand |
| @tanstack/react-query | Server state yönetimi, caching, refetching ve data fetching için güçlü bir kütüphane. | npm i @tanstack/react-query |
| react-query-devtools | React Query ile veri fetching ve caching durumlarını görselleştirmek için. | npm i @tanstack/react-query-devtools |
| recoil | React için atom tabanlı global state yönetimi. | npm i recoil |
| redux | Büyük ve kompleks state yönetimi için klasik çözüm. | npm i redux react-redux |
| mobx | Reactive state yönetimi, otomatik observable sistemi. | npm i mobx mobx-react |
| Paket | Ne İşe Yarar? | Kurulum |
|---|---|---|
| react-icons | Binlerce SVG ikonunu React komponenti olarak kullanmanızı sağlar. | npm i react-icons |
| clsx | CSS class'larını kolayca birleştirmek ve koşullu sınıflar oluşturmak için. | npm i clsx |
| tailwindcss | Utility-first CSS framework. | npm i tailwindcss postcss autoprefixer |
| styled-components | CSS-in-JS yaklaşımıyla komponent bazlı stil yönetimi. | npm i styled-components |
| @mui/material | Material UI bileşenleri ve temalar. | npm i @mui/material @emotion/react @emotion/styled |
| chakra-ui | React için modern UI bileşenleri ve temalar. | npm i @chakra-ui/react @emotion/react @emotion/styled framer-motion |
| Paket | Ne İşe Yarar? | Kurulum |
|---|---|---|
| react-hook-form | Form yönetimi, validation ve submission için hafif ve performanslı bir çözüm. | npm i react-hook-form |
| formik | Form state yönetimi ve validation için popüler alternatif. | npm i formik |
| yup | Form validation için schema tabanlı doğrulama kütüphanesi. | npm i yup |
| zod | Modern ve tip güvenli schema validation kütüphanesi. | npm i zod |
| Paket | Ne İşe Yarar? | Kurulum |
|---|---|---|
| react-datepicker | Tarih seçici (date picker) komponentleri sağlar. | npm i react-datepicker |
| date-fns | Tarih işlemleri ve formatlama için modern JavaScript kütüphanesi. | npm i date-fns |
| moment | Tarih ve zaman işlemleri için klasik kütüphane. | npm i moment |
| Paket | Ne İşe Yarar? | Kurulum |
|---|---|---|
| framer-motion | Animasyon ve hareketli UI elementleri eklemek için güçlü bir kütüphane. | npm i framer-motion |
| react-spring | UI animasyonları ve geçişler için esnek bir kütüphane. | npm i react-spring |
| gsap | Karmaşık animasyonlar ve timeline kontrolü sağlar. | npm i gsap |