Library yang Direkomendasikan Saat Mengembangkan Aplikasi dengan React di Tahun 2022

 (robinwieruch.de)
24 poin oleh xguru 2022-04-11 | 7 komentar | Bagikan ke WhatsApp
  • Pembuatan proyek React: untuk klien gunakan Vite/CRA, untuk server gunakan Next.js/Remix/Gatsby
  • Manajemen state React: useState/useReducer, useContext, Redux
  • Data fetching React: React Query (REST APIs, GraphQL APIs) + axios, Apollo Client
  • Routing dengan React Router
  • Styling CSS di React: CSS-in-CSS, CSS-in-JS/Emotion/Stitches, Functional CSS dengan Tailwind CSS
  • Library UI React: Material UI (paling populer), Mantine (direkomendasikan), Chakua UI (direkomendasikan), Ant Design, Radix, Primer, NextUI, Tailwind UI (berbayar), Semantic UI, React Bootstrap
  • Library animasi React: Framer Motion (paling direkomendasikan), react-spring (sering direkomendasikan), react-motion, react-move, Animated (React Native)
  • Library visualisasi dan chart di React: Recharts, react-chartjs, nivo, visx, Victory
  • Library form di React: React Hook Form + yup/zod
  • Type checking React: langsung saja pakai TypeScript
  • Struktur kode React: style dan format: ESLint + Prettier
  • Autentikasi React: pilih layanan/BaaS seperti Firebase, Auth0, AWS Cognito
  • Hosting React: jika ingin mengelola penuh gunakan Digital Ocean, kalau tidak Cloudflare Workers, Netlify, atau Vercel (terutama Next.js), jika memakai Firebase maka Firebase Hosting
  • Testing di React: Jest + React Testing Library (paling populer), Cypress
  • React dan immutable data structures: Immer
  • Internasionalisasi React: FormatJS, react-i18next
  • Rich text editor di React: Draft.js, Slate.js, ReactQuill
  • Pembayaran di React: PayPal, React Stripe Elements atau Stripe Checkout
  • Waktu di React: date-fns, Day.js, Luxon
  • Aplikasi desktop React: Electron, Tauri, NW.js, Neutralino.js
  • Pengembangan mobile dengan React: React Native, Expo
  • React VR/AR: react-three-fiber, react-360, aframe-react
  • Prototyping desain untuk React: Figma, Zeplin, Excalidraw, InVision
  • Dokumentasi komponen React: Storybook, Docusaurus, Docz, Styleguidist

Bacaan terkait

7 komentar

 
rinae 2022-04-11

Sepertinya kategori desain prototyping yang dibayangkan penulis aslinya berada di level mockup, tetapi kalau bicara interactive prototyping, rasanya Framer tidak boleh terlewat.

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

Belakangan ini, library seperti recoil dan zustand juga populer dibanding redux
 
00001 2022-04-11

Bagian React Desktop Applications sepertinya juga perlu menyertakan electron.
 
rtyu1120 2022-04-11

Sepertinya untuk aplikasi desktop juga, di artikelnya Electron tampaknya paling direkomendasikan sebagai pilihan utama wkwk
 
xguru 2022-04-11

Saya sudah memperbaikinya. Terima kasih, hehe
 
spilist2 2022-04-11

Dalam dokumentasi komponen React terakhir, maksudnya adalah dia hanya pernah menggunakan Storybook jadi tidak bisa merekomendasikannya, tetapi katanya Docusaurus, Docz, dan Styleguidist juga bagus, jadi sepertinya Storybook juga perlu dimasukkan.
 
xguru 2022-04-11

Ah, benar juga. Sudah saya perbaiki~