React - Reouter Dom Outlet
Vite, axios, tailwindcss, useState, useEffect, list, key, map, Link, Outlet, Route, Routes, https://jsonplaceholder.typicode.com/
8 October, 2022
1
1
0
Contributors
selanjutnya install tailwind
framework > vite > react
selesai install tailwind
Disarankan menggunakan Link dibandingkan a href: agar tidak reload menggunakan failitas react router dom.
Dashboard left
selanjutnya kita ke bagian kanan.
layout yang bisa menampilkan dashboar sebelah kanan.
selanjutnya kita akan menampikan suer dan blog page
akan kita gunakan user dan post
kita ke UserPage.jsx, kita siapkan tabelnya
selanjutnya kita akan style menggunakan tailwind css serta pemanggilan datanya kita akan menggunakan map. kita mulai dengan fetch api data jsonplaceholder.
selesai style menggunakna tailwind, selanjutnya kita gunakan axios untuk fetching data jsonplaceholder.
berhasil tampil di console
selanjutnya kita akan tambahkan mapping untuk menampilkan data api jason kita ke web.., perlu diingat setiap element yang di looping, maka membtuhkan list dan key yang unik
Terimakasih.
resource :