API_KEY

SEARCH_TERM

GIF_ID

GIF_IDs

QUERY

TERM

TYPE

SUBCAT

Gain insights into integrating the Giphy API with JavaScript to fetch and display content. Explore project structures, and enhance a React application with interactive GIFs and media.

gifit.tar.gz

sdk-app

sdk-app-copy

Giphy is an interactive database of animated images, stickers, and video clips. Its API allows developers to fetch images and share them in-line on other application environments.

This course is a hands-on guide for using the Giphy API and SDK to programmatically access data on the Giphy network. In this course, you’ll learn about fetching the trending, random, related, and translated GIFs, stickers, video clips, animated text or emojis. You’ll also grasp the technique of using Giphy’s enhanced search method.

After that, you’ll get a detailed look at project structures and the integration of different resources by working on a sample React application. By the end of this course, you’ll have hands-on experience building a React web application using the Giphy API.

Integrate the GIPHY API in JavaScript

We’ll start with the trending endpoint. As discussed earlier in the course, the [trending endpoint](https://www.educative.io/courses/integrate-giphy-api-javascript/trending-gifs-and-stickers) fetches all the trending GIFs and stickers on GIPHY for us, and the SDK does the same task in a much more efficient and easier way. We have to call a function to fetch not only the trending GIFs and stickers but also the animated text and video clips. 

Learn and practice GIPHY's trending and search SDK.

Introduction

GIFs and Stickers

Search

GIPHY SDK

SDK Integration with React JS

Conclusion

Appendix

GIPHY's Trending and Search SDK