Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll

Data Fetching in React

Well done!

You have completed Data Fetching in React!

Sign up for Treehouse Back to Library

Building a Search Feature

9:53 with Laura Coronel

In this video, we'll use Giphy API's search endpoint to add a Gif search feature to our app.

Search Endpoint

https://api.giphy.com/v1/gifs/search?api_key=<ENTER YOUR API KEY HERE>&q=${query}&limit=24&rating=g

Resources

Related Discussions

Have questions about this video? Start a discussion with the community and Treehouse staff.

Sign up

    Related Discussions

    Have questions about this video? Start a discussion with the community and Treehouse staff.

    Sign up

    So, in this video, we'll use this endpoint to create a search feature for our app. 0:00
    Users will be able to search for GIFs by typing into this text field. 0:04
    And the search results will be returned and displayed in the list of GIFs when 0:10
    you hit the enter key, or click the search icon, next to the field. 0:15
    So first, in the App component, we need to change the URL in the get 0:20
    method to the endpoint that returns a search query. 0:25

    You need to sign up for Treehouse in order to download course files.

    Sign up

      You need to sign up for Treehouse in order to set up Workspace

      Sign up