Dependencies

Dalam konteks Node.js dan React, dependencies adalah paket atau pustaka yang dibutuhkan oleh aplikasi agar dapat berjalan dengan baik. Dependencies ini didefinisikan di dalam file package.json pada bagian "dependencies". Jika kita lihat pada file package.json. maka akan terlihat seperti berikut ini:

React Bootstrap

React Bootstrap adalah implementasi Bootstrap dalam bentuk komponen React. Silakan jalankan perintah berikut ini:

npm install react-bootstrap

React Icons

React Icons adalah pustaka ikon untuk React.js yang memungkinkan penggunaan berbagai ikon dari pustaka populer dengan cara yang mudah dan ringan. Silakan jalankan perintah berikut ini:

npm install react-icons

Axios

Axios adalah pustaka JavaScript yang digunakan untuk melakukan permintaan HTTP ke API (server) dari aplikasi React, Vue, Angular, Node.js, dan lainnya. Axios mendukung GET, POST, PUT, DELETE serta fitur seperti interceptors, timeout, dan handling response secara otomatis. Silakan jalankan perintah berikut ini:

npm install axios

React Router Dom

react-router-dom adalah pustaka untuk mengelola navigasi (routing) di aplikasi React. Dependensi ini biasanya digunakan untuk membuat halaman (pages) berbeda tanpa perlu refresh halaman (Single Page Application - SPA). Silakan jalankan perintah berikut ini:

npm install react-router-dom

React Toastify

react-toastify adalah pustaka React untuk menampilkan notifikasi (toast messages) dengan tampilan menarik dan animasi yang halus. Dependensi ini akan kita gunakan untuk pemberitahuan sukses, error, warning, dan informasi dengan berbagai opsi kustomisasi. Silakan jalankan perintah berikut ini:

npm install react-toastify

Setelah kita berhasil menginstall semua dependencies diatas, maka secara keseluruhan akan terlihat seperti pada gambar berikut ini:

Pada materi berikutnya, kita akan melakukan beberapa konfigurasi dan membuat beberapa komponen pendukung untuk aplikasi kita dan bersifat modular.