Fetch api manual vs react query

Dalam pengembangan aplikasi ReactJS, pengambilan data dari API merupakan hal yang sangat umum. Saya pernah menggunakan Fetch API secara manual dengan metode async/await dan axios, di mana saya mengelola state loading, error, dan data secara terpisah menggunakan useState dan useEffect. Meskipun cara ini memberikan kontrol penuh, seringkali kode menjadi panjang dan berulang, terutama ketika tiap komponen harus mengelola pengambilan data dan error handling sendiri. Kemudian saya mencoba React Query, sebuah library yang menyederhanakan proses fetching, caching, dan update data secara otomatis. Dengan React Query, saya hanya perlu menggunakan hooks seperti useQuery yang secara otomatis menangani loading state, error, dan refetch data saat diperlukan tanpa perlu repot menulis banyak kode boilerplate. Salah satu keunggulannya adalah kemampuan caching data sehingga data yang sudah pernah dimuat tidak perlu di-fetch ulang, yang tentu saja meningkatkan performa aplikasi. Misalnya, saya menggunakan axios pada React Query untuk mengambil data pengguna dari "https://jsonplaceholder.typicode.com/users". React Query otomatis mengatur status loading dan error, sehingga UI dapat menampilkan loading spinner atau pesan error dengan mudah. Jika dibandingkan dengan Fetch API manual, React Query juga menyediakan fitur background refetch yang menjaga data tetap segar tanpa mengganggu tampilan utama. Namun, Fetch API manual masih berguna jika kita membutuhkan kontrol lebih rinci atas proses fetching atau ketika aplikasi tidak memerlukan fitur kompleks seperti caching atau background update. Jadi, pilihan antara Fetch API manual dan React Query harus disesuaikan dengan kebutuhan proyek dan preferensi pengembang. Secara umum, React Query sangat direkomendasikan untuk pengembangan aplikasi modern React karena kemudahan dan efisiensinya dalam pengelolaan data asinkron. Sementara itu, bagi pengembang yang ingin memahami dasar pengambilan data lebih dalam, belajar menggunakan Fetch API manual tetap penting sebagai fondasi.