Untuk membantu pengembangan aplikasi, install state management library yang Namanya Recoil dengan mengetikkan perintah npm install recoil pada console (pastikan berada di lokasi folder project Netflix clone kita ya). Untuk membaca dokumentasi lebih lanjut bisa akses link ini https://recoiljs.org/docs/introduction/getting-started Tunggu proses install selesai Jika proses install recoil sudah selesai, kita akan gunakan component modal dari MUI (Material UI), pertama-tama copy npm install @mui/material @emotion/react @emotion/styled paste di console. Saat seri tutorial ini dibuat, menggunakan MUI versi 5.8.7 Contoh modal yang akan dipakai, bisa dilihat di link berikut https://mui.com/material-ui/react-modal/ Saat mengembangkan aplikasi di nextjs, terkadang kita butuh memakai state yang sama di component yang berbeda. Cara pertama yang bisa dilakukan yaitu dengan mengirim state dari satu component ke child component yang lain. Tapi bagaimana jika component bukan merupakan child nya?
Halo temen-temen, untuk implementasi dari custom hook yang sudah dibuat pada part 7 akan dibahas pada part ini, sudah siap untuk tempur ngoding lagi? Langkah pertama, ubah file pages/_app.js agar bisa akses useAuth hooks. Ini memakai konsep HOC yang merupakan singkatan dari High Order Component. Tentunya konsep ini tidak akan dibahas disini, jika ingin dibahas boleh comment yaa.. Buka file pages/login.tsx lalu import useAuth dan seperti yang kita lihat, sekarang bisa akses semua function dari useAuth hooks Lalu ubah seperti dibawah ini Pastikan sudah jalankan npm run dev di console, dan akses login page, lalu login. Tentunya akan muncul alert error auth/configuration-not-found karena belum turn on authentication di firebase Masuk ke halaman Authentication di console.firebase dan klik Get Started Klik email & password untuk metode login yang kita gunakan Enable toggle email/password dan klik save Pastikan status nya enable Refresh login page, isi email dan password dan klik but