function App () {

  const [posts, setPosts] = React.useState(null)

  React.useEffect(() => {

    async function fetchData () {

      const data = await fetch('https://jsonplaceholder.typicode.com/posts')

      const response = await data.json()

      setPosts(response.slice(0, 10))

    }

    fetchData()

  }, [])

  if (!posts) return <div>Loading...</div>

  return (

    <ul>

      {posts.map(post => <li key={post.id}>{post.title}</li>)}

    </ul>

  )