Frontend

FunctionExpression ve FunctionDeclaration nedir? Aralarındaki temel fark nedir?

Kitaplar ve yazarları hakkında veri alın. Verileri sayfa başına 10 kitap olacak şekilde sayfalı listede gösterin formatında: <kitap adı> - <yazar> api: [link] şema: [link] swagger açılmazsa, kök dizinde sber-c55-books-mock-1.0.1-oas3.1-resolved.yaml const PAGE_SIZE = 10; export default function App() { const [books, setBooks] = useState([]) const [page, setPage] = useState(1); const [loading, setLoading] = useState(false) useEffect(() => { setLoading(true); fetch('[link]') .then((res) => res.json()) .then((data) => { setBooks(data); setLoading(false); }) .catch(() => setLoading(false)); }, [page]); const totalPage = Math.ceil(books.length / PAGE_SIZE); const start = (page - 1) * PAGE_SIZE; const currentBooks = books.slice(start, start + PAGE_SIZE); return ( <div className="App"> {loading && <p>Yükleniyor...</p>} <ul> {currentBooks.map((book, index) => ( <li key={index}>{book.title} - {book.author}</li> ))} </ul> <div> <button disabled={page === 1} onClick={() => setPage(page - 1)}> Geri </button> <button disabled={page === totalPage} onClick={() => setPage(page + 1)}> İleri </button> </div> </div> ); } Hataları düzeltin ve yazarlarıyla birlikte kitap listesinin sayfalı gösterimini uygulayın.

Önceki iş deneyiminiz ve kullandığınız teknolojiler hakkında bilgi veriniz.

Neden localForage veya IndexedDB üzerinde başka bir sarmalayıcı kullanmadınız?

IndexedDB'de bellek sınırları nelerdir ve bunlar nelere bağlıdır?

Taslaklar ve betik durumlarını saklamak için neden localStorage veya sessionStorage yerine IndexedDB tercih edildi?