React protected route form
localStorage, react, tailwind, login, protected route, function hadleLogin, onsubmit, logout
15 October, 2022
0
0
0
Contributors
selanjutnya kita menggunakan conditional rendering
ketika sudah login makaakan menampilkan halaman dashboard, atau biodata. sealnjutnya kita akan buat foldernya.
sealnjutnya kita kasih style tailwindcss
Login.jsx
karena sudah dapat tampilan yag bagus kita copy untuk passwordnya
kita akan menyimpan datanya ke localStorage, tidak pakai axios. agar password tidak terbaca di localstorage kita pakai "btoa"
berhasil menambahkan ke localStorage
password kurang 6 angka
selanjutnya kita gunakan useEffect.
otomatis berpindah halaman
berhasil berpindah halaman dari halaman login ke halaman dashboard
selanjutmnya kita isi Dashboard.jsx dst.
agar tidak error ketika mengambil dan menampilkan databisa dengan beberapa cara :
login dan logout
Terima kasih.
resource :
Javascript UI
React
Front-End Frameworks
Tailwind CSS