Beginners React Project - Build a Photo Search App
Today, we are going to build a beautiful Photo Search App using in React using Unsplash API with masonry layout. We will use React hooks and functional component for everything.
We will be using Fetch API to get data from unsplash API's which is very popular photo website and also we will learn about so many awesome things.
Watch the React Crash Course - • Learn React JS for beginners in Hindi 2021...
Codes - https://github.com/ShivamJoker/Photu-...
Support me on Patreon - / creativeje
Other options to support - https://donate.creativeshi.com
Follow on Instagram - / jokershivam
0:00:00 - Intro
0:01:41 - Setting up Parcel for React
0:22:55 - Getting photos from unsplash
0:30:39 - Implementing API in our app
0:37:35 - Understanding map in Javascript
0:40:00 - Making API calls
0:53:42 - Rendering list of images
0:56:09 - Using map to display images
0:57:58 - Masonry layout in react
1:04:21 - Implementing photo search
1:06:21 - using url object in fetch
1:11:50 - understanding key prop
1:16:18 - debouncing the search input
1:20:02 - Handle empty response
1:21:50 - Adding image preview
1:23:19 - Passing dom events
1:33:17 - React debugging tools
1:36:19 - display image in modal
1:38:51 - Styling the image and modal
1:44:57 - Building and publishing photu app
1:47:25 - I am dead
1:51:22 - Publishing to GitHub