7 React Package Favoritku
Syahrun Cega / December 30, 2021
2 min read
Next.js#
Next.js adalah web framework yang dibangun di atas React. Next.js memungkinkan kamu untuk melakukan server side rendering, hybrid static dan incremental static regeneration. Next.js menyediakan berbagai fitur yang kamu butuhkan untuk produksi, seperti route pre-fetching, image optimization, Typscript support dan masih banyak lagi tanpa perlu konfigurasi tambahan.
Chakra UI#
Untuk mendesain aplikasi React dengan cepat dan elegan kamu bisa menggunakan Chakra UI. Chakra UI merupakan component library yang menyediakan berbagai komponen pembangun web untuk React. Misalnya untuk mengatur Layout, Chakra UI menyediakan Flex, Container, Center, dan Box. Untuk Form disediakan komponen Button, CheckBox, Input, Radio, Select, Slider, Textarea dan masih banyak lagi. Kamu juga bisa mengkustomisasi Tema bawaan Chakra UI dengan yang kamu inginkan.
Framer Motion#
Jika ingin membuat animasi keren untuk aplikasi React, kamu bisa menggunakan Framer Motion. Chakra UI juga sudah include Framer Motion jika memasangnya di aplikasi React kamu.
https://www.framer.com/motion/
SWR#
SWR dapat kamu gunakan untuk melakukan data fetching. SWR memungkinkan aplikasi React mendapatkan data secara konstan. Jadi misalnya ada data baru yang masuk di server, aplikasi react kamu juga akan langsung menerima data baru dan memperbarui UI tanpa harus me-refresh browser. Sehingga UI akan selalu cepat dan reaktif.
React Hook Form#
Menangani Form bisa sangat melelahkan. Gunakan React Hook Form untuk menangani Form dengan mudah di aplikasi React kamu. Package ini bisa membantumu untuk membuat form validation, dynamic form serta berbagai fitur lain yang akan sangat membantumu.
Prisma#
Prisma merupakan Node.js ORM. Buat kamu yang belum kenal apa itu ORM (Object Relation Mapping), sederhananya ORM merupakan tool yang bisa kamu gunakan untuk membuat query ke database menggunakan perintah/fungsi yang lebih sederhana. Jadi kamu tidak perlu lagi menggunakan query-query bawahan database yang biasanya cukup rumit. Prisma mendukung berbagai database, seperti PostgreSQL, MySQL, SQL Server dan SQLite.
React Table#
React Table akan membantumu untuk membuat tabel yang powerful. Kamu bisa membuat pagination, pencarian global, pencarian column, sorting, grouping dan berbagai fitur lainnya. React Table hanya membantu untuk membuat fungsi-fungsi pada table. Kamu bisa menggunakan Chakra UI atau Tailwind CSS untuk mendesain interface dari tabel tersebut.