You are given a small HTML app. The Pokémon API is used to fetch a list of Pokémon names from the API. Currently, the search feature doesn't work. Your task is to build it.
Break your problems into questions that you can research.
- Don't save data from the API locally (imagine there were millions of Pokémon).
- Create an input field where a user can type a search query.
- Whenever the text changes in that input field, retrieve all Pokémon whose names contain the input text.
- Render a list of Pokémon names that updates every time there is a change to the input text.
- The page should start by saying "Type a search to find Pokemon."
- Render each Pokémon's picture under its name.
- Create an empty view for when nothing comes up in the search or the page freshly loads.
- Limit updates to only trigger 300 milliseconds after the user stops typing(look into debouncing)