Rest API, Async-Await, Try Catch & UseEffect Hook in React Native in Hindi #27 | P-1
Channel: Thapa Technical
Date: 12/02/2022

Welcome Guys in another video of React Native series.
Today , we are using Rest API , Async Await , Try Catch & UseEffect Hook to fetch data and display that data into the user card.

We will make this React native App into two parts:

In the first part we have implement the UseEffect Hook for automatically calling to our Rest API.After that we have definded the getUserData() method. In this method we have use Async-Await for telling the program to temporarily exit the async function and resume running it when a given task completes.And then we have implement the try catch method for error handling.And In the try method, we have used the fetch API to get the data.Then,we used json method to convert the fetched data into proper JSON format.

Also, checkout the
useEffect tutorial by Thapa Technical : https://youtu.be/rvtneYB7Fxo
Async Await by Thapa Technical : https://youtu.be/hFLXE5-JCcs
Fetch API by Thapa Technical : https://youtu.be/TojSXOuGUW4

In the second part, we will see How to render this fetched data and display it into the screen.
😍 Check my Instagram to Connect with me:     https://www.instagram.com/thapatechnical

00:00 Introduction 
00:08 What will we learn in today's video?
01:27 Environment setup and folder structuring 
02:14 Creating components and stylesheet
03:29 Implementation of useEffect and useState Hook
04:11 Video link for useEffect Hook
04:28 Usage of useEffect  Hook
05:57 Implementation of Async-Await
06:30 Error Handling using try catch method 
06:58 Rest API calling 
07:16 Join Discord Server to solve your doubts 
07:55 Use of await
08:30 How to convert the data into proper JSON format?
09:14 Output 
09:42 Why we are using useEffect?
09:57 What we learnt today?
10:18 What will we learn in next video?
10:37 Video link for useEffect, Fetch API,Async-Await 
10:48 Outro

************* Must Watch Videos For Web Development *************


😍😍 Check  Programming Videos in One Hour👇 

➡️ Complete Reactjs in One video here  https://youtu.be/43IbFDSVdB0

➡️ HTML in One Video: https://youtu.be/pN7BFLfSjFw


➡️ CSS in One video:  https://youtu.be/hkQv0NIxKQY


➡️ JavaScript in One video:   https://youtu.be/PODgPW-hbfU


➡️  ECMAScript 6 in One Video:  https://youtu.be/Iek4DtRobLA


➡️ HTML5 in one video:  https://youtu.be/4V0-YpO-KZo


➡️ CSS3 in one video:  https://youtu.be/TFrFx7H5ZI8


➡️ Bootstrap4 in One video:   https://youtu.be/yZnNnvXO8HI


➡️ Jquery in One video:  https://youtu.be/PNvyPEQ0y-I


➡️ JSON in one video:  https://youtu.be/bMqevPKAPD4


➡️ ReactJS in one video:  https://youtu.be/43IbFDSVdB0


➡️ PHP in One Video:  https://youtu.be/3024Kc6SDJ0


➡️ NodeJS in one video:  https://youtu.be/ipnWAKoiBt


➡️ MySQL in one video:   https://youtu.be/5bFxbwjN-Gk


*********** CLICK HERE TO WATCH *************

➡️ Fetch API in JavaScript: https://youtu.be/TojSXOuGUW4

➡️ Template literals (Template strings) in ES6 in JavaScript in Hindi: https://youtu.be/Qcph3GB1JFs

➡️ Async Await in JavaScript in Hindi: https://youtu.be/hFLXE5-JCcs

➡️ Promises in JavaScript in Hindi: https://youtu.be/xGBhmi4wwMI

➡️ Callback Hell in JavaScript: https://youtu.be/fr67u98nckk

 ➡️ Advanced JavaScript in Hindi Playlist: https://www.youtube.com/playlist?list=PLwGdqUZWnOp0hSGwasCjbrWSPrEKqB_kz&disable_polymer=true

➡️ ES5 & ES6 | ECMAScript 6 in One Video in Hindi: https://youtu.be/Iek4DtRobLA

➡️ JavaScript Game Development Series in 2020: https://www.youtube.com/playlist?list=PLwGdqUZWnOp1Ub0K1CBuLxLOEN6wTq2bg


➡️ Source Code Link: https://www.thapatechnical.com/2019/11/how-to-get-source-code.html


➡️ Top 5 Programming Languages in 2020:  https://youtu.be/czroY5nAD0c


➡️ Ludo Game JavaScript Link: https://youtu.be/_tlncjn1JpU 


➡️Plz show some love to My Siter Youtube Channel and Plz Subscribe Link: https://www.youtube.com/channel/UCEst8yZ12JEYsSVVXmtU7GQ


 ***************** MUST WATCH VIDEOS ******************  


➡️ How to become a Full Stack Developer 2020: https://youtu.be/etZ4jq_YjyM


➡️ How To Become a Web Developer 2020: https://youtu.be/Ur9LGVT-GXs


➡️ How JavaScript Works:  https://youtu.be/VaBP6_pBOgM


➡️  Follow me on Instagram: https://www.instagram.com/vinodthapa55/



Make Website Responsive Using Media Queries in One Video in Hindi | Web Design Tutorial in Hindi

➡️ Link: https://youtu.be/cKR9gzco3Kc


Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines.


Don't Forget to Follow  me on all Social Network, 


Website Link:  https://www.thapatechnical.com


Instagram Link:     https://www.instagram.com/vinodthapa55


Facebook Link:     https://www.facebook.com/vinodthapa55


Twitter       Link:     https://twitter.com/vb55thapa


Facebook ThapaTechnical Page Link: https://www.facebook.com/vinodbahadurthapa/?ref=aymt_homepage_panel&eid=ARCTi5kdE1POliSOXnW51qZdo6NcpcSOqrioqut1KDac_CfgY5OCey-vcHlgRDgc_OK6eYNFCF_Rrfiq