2022 itibarıyla React ile uygulama geliştirirken önerilen kütüphaneler

 (robinwieruch.de)
24 puan yazan xguru 2022-04-11 | 7 yorum | WhatsApp'ta paylaş
  • React projesi oluşturma: istemci tarafında Vite/CRA, sunucu tarafında Next.js/Remix/Gatsby
  • React state yönetimi: useState/useReducer, useContext, Redux
  • React veri çekme: React Query (REST API'leri, GraphQL API'leri) + axios, Apollo Client
  • React Router ile routing
  • React'te CSS stil verme: CSS-in-CSS, CSS-in-JS/Emotion/Stitches, Tailwind CSS ile Functional CSS
  • React UI kütüphaneleri: Material UI(en popüler), Mantine(önerilir), Chakua UI(önerilir), Ant Design, Radix, Primer, NextUI, Tailwind UI (ücretli), Semantic UI, React Bootstrap
  • React animasyon kütüphaneleri: Framer Motion (en çok önerilen), react-spring (bazen önerilir), react-motion, react-move, Animated (React Native)
  • React'te görselleştirme ve grafik kütüphaneleri: Recharts, react-chartjs, nivo, visx, Victory
  • React'te form kütüphaneleri: React Hook Form + yup/zod
  • React tip denetimi: doğrudan TypeScript kullanın
  • React kod yapısı: stil ve format: ESLint + Prettier
  • React kimlik doğrulama: Firebase, Auth0, AWS Cognito gibi servisler/BaaS seçenekleri
  • React hosting: her şeyi kendiniz yönetmek istiyorsanız Digital Ocean, aksi halde Cloudflare Workers, Netlify veya Vercel (özellikle Next.js), Firebase kullanıyorsanız Firebase Hosting
  • React'te test: Jest + React Testing Library (en popüler), Cypress
  • React ve immutable veri yapıları: Immer
  • React uluslararasılaştırma: FormatJS, react-i18next
  • React'te zengin metin editörü: Draft.js, Slate.js, ReactQuill
  • React'te ödemeler: PayPal, React Stripe Elements veya Stripe Checkout
  • React'te zaman işlemleri: date-fns, Day.js, Luxon
  • React masaüstü uygulamaları: Electron, Tauri, NW.js, Neutralino.js
  • React ile mobil geliştirme: React Native, Expo
  • React VR/AR: react-three-fiber, react-360, aframe-react
  • React için tasarım prototipleme: Figma, Zeplin, Excalidraw, InVision
  • React bileşen dokümantasyonu: Storybook, Docusaurus, Docz, Styleguidist

İlgili okumalar

7 yorum

 
rinae 2022-04-11

Orijinal yazıyı yazan kişinin tasarım prototipleme kapsamını daha çok mockup düzeyinde düşündüğü anlaşılıyor, ancak interaktif prototipleme denince Framer'ı dışarıda bırakmak zor görünüyor.

https://www.framer.com/
 
sujang 2022-04-11

Bu aralar redux yerine recoil, zustand gibi kütüphaneler de popüler.
 
00001 2022-04-11

React Desktop Applications bölümüne de electron dahil edilmeli gibi görünüyor.
 
rtyu1120 2022-04-11

Görünüşe göre burada masaüstü uygulamaları için de Electron’ı en çok önerilen varsayılan seçenek olarak gösteriyorlar gibi duruyor hehe
 
xguru 2022-04-11

Düzelttim. Teşekkürler haha
 
spilist2 2022-04-11

Son React component dokümantasyonu yorumunda, kendisinin yalnızca Storybook kullandığını, bu yüzden Storybook dışında bir öneride bulunamayacağını ama Docusaurus, Docz ve Styleguidist'in de iyi olduğunu duyduğunu söyledi; dolayısıyla Storybook'u da dahil etmek gerekiyor gibi görünüyor.
 
xguru 2022-04-11

Ah evet, doğru. Düzelttim~