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

Fetching Data with the Fetch API

12:32 with Laura Coronel

Learn to use the Fetch API, a data-fetching interface native to the browser, to load external data and update state in React.

https://api.giphy.com/v1/gifs/trending?api_key=<ENTER YOUR API KEY HERE>&limit=24&rating=g

Resources

React DevTools

Treehouse Courses and Workshops

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

    [MUSIC] 0:00
    Hey everyone. 0:00
    I'm Laura, a JavaScript instructor here at Treehouse. 0:01
    In this workshop, I'll teach you a couple of different ways to fetch 0:05
    external data with React, and how to display the data in your app. 0:10
    We're going to create this fun GIF searching app using the GIPHY API 0:16
    from giphy.com, a GIF search engine where users can search for reaction GIFs. 0:22
    So, I'm going to assume that you know the basics of React. 0:28

    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