Image Search App using unsplash API in ReactJS -3

Image for post
Image for post
Photo by todd kent on Unsplash

Welcome to part-3 to the series. You can find part-2 here. We will start from where we left in part-2.

The network request in part-2 using axios, is an async request. It is because it will take sometime to reach unsplash and get our list of images.

The axios request always returns us a promise. Now, there is an old way to get it using the .then function. But we will use the new and more efficient async-await syntax.

So, we update our onSearchSubmit function by adding async in-front of it. Next, we add await in-front of the axios.get method, which actually will cause the api call and will take sometime.

Now, when we search for any term, we will get an object returned by unsplash api. We are storing that only in response variable and then console logging it.

Image for post
Image for post
Unsplash result

You can read the rest of the blog from my blog site in the below link.

This concludes part-3 of the series. We are also done with version 1 of our web-app.

But we will also have a version 2, which will have these images display in a nice way. You can find the last part-4 here.

Written by

UI Lead- ReactJS, JavaScript and everything in-between.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store