Create Lyrics Search App in React | ReactJS Tutorial with API Calls, Axios, and async/await

Learn how to create a Lyrics Finder ReactJS Project with API requests using JSX, Functional components, Axios, and async/await.

⌚️Timestamps:
0:00 Design of the Lyrics Search Project
0:51 Setting Up the ReactJS Project with ViteJS
3:00 Create LyricsSearch functional component
6:18 Styling the App with CSS
9:07 Adding Axios to the project
9:46 API to retrieve the lyrics of a song
10:40 Hook 'useState' to store form's data
19:23 Displaying Error with conditional rendering
20:05 Final Testing of the Lyrics Search Application

#ReactJS #LyricsSearch #Axios #AsyncAwait #ReactTutorial #WebDevelopment

[diwakardayalan]

I really like the way you start with end result and jump directly into execution. Excellent. If I may request if you could enhance the audio quality in the video it would be super awesome.

[DevWebApp]

⌚Timestamps:
0:51 Setting Up the ReactJS Project with ViteJS
3:00 Create LyricsSearch functional component
6:18 Styling the App with CSS
9:07 Adding Axios to the project
9:46 API to retrieve the lyrics of a song
10:40 Hook 'useState' to store form's data
12:31 Sending request to the API using Axios.get() function and retrieving the data with async/await
19:23 Displaying Error with conditional rendering
20:05 Final Testing of the Lyrics Search Application

[bobjones]

Hi, you have great tutorials. Could you create a Drag and Drop React application for beginners?