Komponen toast sering digunakan untuk memberikan notifikasi. Berikut cara install nya : Cara menggunakannya, kita akan modifikasi file app/page.tsx sebelumnya dengan menambahkan : kemudian ini : dan mengubah Komponen Buttonnya menjadi Lengkapnya adalah sebegai berikut : jalankan aplikasi dengan menggunakan perintah : kemudian akses http://localhost:3000 Hasilnya akan muncul error seperti berikut : Hal ini dikarenakan […]
Menggunakan Toast – Shadcn/ui Read More »
Shadcn/ui: Pustaka Komponen UI yang Fleksibel untuk React Shadcn/ui adalah sebuah pustaka komponen UI yang populer dan open-source, dirancang khusus untuk framework JavaScript, React.js. Pustaka ini menyediakan berbagai macam komponen UI yang sudah jadi dan siap pakai, sehingga Anda dapat dengan cepat membangun antarmuka pengguna yang modern dan menarik tanpa harus membuat semuanya dari awal.
Next.js15 dan Shadcn/ui Read More »
State dapat menyimpan segala jenis nilai JavaScript, termasuk objek. Tetapi kita tidak boleh mengubah objek yang ada dalam state secara langsung. Jika ingin memperbarui objek, kita perlu membuat yang baru (atau membuat salinan dari yang sudah ada), lalu ubah state dengan menggunakan salinan tersebut. Untuk lebih jelasnya disini kita akan jelaskan cara update objek dalam
Update Objek dalam State Read More »
Kapan kita menggunakan hook useReducer? Kalau dari pengalaman pribadi dan dokumentasi dari Reactjs , ini dilakukan untuk penanganan state yang cukup kompleks. Kalau hanya menggunakan 1-2 state, ya lebih baik cukup menggunakan useState saja. Lebih detail nya bisa dilihat disini (Kapan Menggunakan useState atau useReducer) Format penulisan Parameter : Return Langsung saja pada contoh nya
Menggunakan hook useReducer Read More »
Pengaturan Path di Next.js sangat mempermudah kita untuk menuliskan baris program. Untuk baca dari dokumen resminya ada disini. Contoh kasus adalah seperti ini : Saya punya halaman form1.js dan akan menggunakan komponen LayoutUtama yang berada di folder component/layout , sehingga penulisannya untuk memanggil komponent tersebut dari posisi folder pages/abc adalah sebagai berikut : Jika saya
Pengaturan Path di Next.js Read More »
Di sini tidak dikupas pembahasan apa itu Next.js. Dengan harapan rekan-rekan sudah baca-baca mengenai Framework Reactjs yang satu ini.Saat ini yang akan dikupas mengenai bagaimana caranya pertama kali akan memulai menggunakan Next.js. Jika dilihat di halaman https://nextjs.org/docs/getting-started syarat yang harus dipenuhi adalah : Jika hal di atas sudah terpenuhi, berikut langkah-langkah yang biasa saya lakukan
Memulai menggunakan Next.js Read More »
