Challenge 6-10 - Code Monkey Skill

// Challenge 8: Pagination const pageSize = 5; const paginated = filtered.slice((page - 1) * pageSize, page * pageSize);

{/* List */} <ul> {paginated.map((post) => ( <li key={post.id}> <strong>{post.title}</strong> <button onClick={() => deletePost(post.id)}>❌</button> <p>{post.body}</p> </li> ))} </ul> code monkey skill challenge 6-10

// Challenge 9: Add new item (simulated) const addPost = () => { const newPost = { id: Date.now(), title: newTitle, body: newBody, }; setPosts([newPost, ...posts]); setNewTitle(""); setNewBody(""); }; // Challenge 8: Pagination const pageSize = 5;

import React, { useState, useEffect } from "react"; const API = "https://jsonplaceholder.typicode.com/posts"; page * pageSize)