Search⌘ K
AI Features

Challenge: Hooks

Explore practical use of React Native Hooks by building a minimal app that fetches and displays five to-do items from a dummy API. Learn to use useState for state management and useEffect for asynchronous data fetching. This lesson helps you apply core Hooks concepts to create dynamic user interfaces.

This challenge will test your knowledge of Hooks in React Native. You’ll use these concepts to create a minimalistic user interface.

Task

Build a React Native application that shows:

  • A vertically scrollable list containing data fetched from a dummy API.

Expected output

The illustration below shows what the final output should look like after ...