Introduction

According to the  StackOverflow 2020 Developer Survey,  React is one of the most popular  JavaScript frameworks, and there are many reasons for this, like efficiently changing web app views with the  Virtual DOM, using reusable, composable, and stateful components to increase scalability, and more. Beginner React developers often need experience putting their knowledge to use in real-life applications. This tutorial will give you that experience by showing you how to use  React Hooks, use useState and make API calls in React.

This article will discuss the step-by-step process of building a photo search application with React using the  Unsplash API. Unsplash is currently one of the most used and popular photo search engines, and can be a great data provider when building projects and applications.

At the end of this tutorial, you’ll have a working application that uses React Hooks to query the Unsplash API. This project can also act as a boilerplate, since you can re-use the same programming logic and can use it as a base to build other projects involving API calls. Your photo search application will include a search bar and rendered results, as shown in the following:

#react #unsplash api #api