React Gif Search

Version 1 using only state, no redux

Objective

Create a web app which uses a search input and Giphy's API to display gifs on a page.

Break The UI Into A Component Hierarchy

• App: Its the component is a bucket for the rest of our modules. It will manage our base state and coordinate between the child components underneath it.
  • SearchBar: will watch for a change to the user input and pass the search term(s) back up to the App component when needed.
  • GifList: will map the array of gifs returned from the Giphy API and handle rendering individual GifItem.
    • GifItem: will display the gifs.

Notes

This project was bootstrapped with Create React App.

You can find the most recent version of this guide here.