React API Call to Get Pokemon JSON Data using Axios and useEffect in ReactJS in Hindi #55

[@ThapaTechnical]

I hope you like the video :) ➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: kzbin.info/aero/PLwGdqUZWnOp3aROg4wypcRhZqJG3ajZWJ I

[@ajayshirote7619]

Your every video teaches lot of things and also entertain us thapa sir

[@shivampali9033]

Vinod bhai Custom PC pr video banao ek

[@denisshingala]

Yes, ek custome pc par video banao "npm start" Fast work kaise karta hai?

[@MaxProgramming]

One of my friends asked me that he wants to learn Web development in Hindi. You are one of the best and I have shared your channel to him!

[@ThapaTechnical]

Thank you so much ☺️

[@AvinashKumar-jf9mx]

Or koi channel h?

[@MaxProgramming]

@@AvinashKumar-jf9mx Bohot saare channels hain. But English is very important in the career of development. So we can start with Hindi, but we have to learn to speak and understand good English as a developer

[@cthulhulalala7182]

@@MaxProgramming Although ,its good to learn english but I don't think english is that necessary to do code just like maths.

[@MaxProgramming]

@@cthulhulalala7182 Yeah. English is good to learn but not necessary. But as the world uses English a lot, we should at least chat in English which makes our English better without a lot of hard work.

[@yogeshvashist3980]

Awesome, please make a video on CRUD operations through API, actually I am a .Net programmer and want to learn React. Your videos are very helpful and I am leaning it from your videos.

[@noobCoder26]

Had a great fun in building this project ....😁😁Thanks Bhaiyaa

[@asmereg]

You are the best, Bhai 🔥 TYSM! Bohot dinon se I was trying to learn how to use info from an API. Finally understood everything.

[@simranbanwait]

number 1 card number pe bulbasaur hi hota tha , this is so nostalgic

[@ayushdedhia25]

Yes sir, please make a video on custom pc build 🥰

[@listology-mostamazingtop1041]

Sir your video are very helpful for me you're video are great

[@biswajeetpadhi5713]

Yes sir make video on costume pc build

[@muheebpasha543]

Vinod sir kindly make videos on backend as laravel framework with react js in front end

[@KuldeepSingh-pl7rv]

I still don't get it every time on page rending useEffect run but without use effect i also get same thing with normal fetch or may another call back function

[@ShanifKhan98]

And boom guys 💥😂

[@hasnainmalick8888]

No one: Literally No One: Thapa: In every video aj ka video bohat awesome honay wala ha to chaliye juray rahe xD:hahahha.

[@NeerajSingh-ru1cf]

setMoves(res.data.moves[0].move.name);

[@RITIKJAINBCE]

no it is giving error

[@NeerajSingh-ru1cf]

@@RITIKJAINBCE check your code again

[@mathswithsirnoushad6261]

yes, it's working

[@mohitsaud2071]

correct ✔✔✔✔✔

[@biplabpaul3822]

@@RITIKJAINBCE Because there is actually no JSON data in the pokemon API for 0 index..try with any other index number it will work with the same code

[@AkhileshYadav-lv3kh]

Thank you sir 👍👍

[@savitaraghuvanshi]

Sir please create tutorial on react native as well.

[@kiyochi7705]

thats app development not web dev. Its total different topic

[@techkershubb]

Thapa bhai very nicely you did explanations Thanks keep going

[@mohsinbohra1174]

Very Good Video. Can you make video on one more challenge on covid api with the help of React Axios. @Vinod ....With The help of Map function we can define name within moves..

[@ashwinwaikar9015]

ye ek pikachu hai par wo ek array hai.... lol ...btw nice video

[@ritiksahu5310]

Bhaya you doing great work keep it up #IndianGuyOnYT

[@syedahasan_gillani3878]

Mujy ya Error aa raha ha Failed to load resource: the server responded with a status of 404 ()

[@shaheensiddiqui1952]

yes sit it was really owsome the good thing is that we useed useEffect hook here sir due to you it become to much easy for us to learn react buttrlyyyyyyyyyyy bohot shukriya

[@demoforall4305]

@Thapa Technical Sir Series me 104 videos the to aaj morning me 54 kese ho gaye ??

[@ijazDeveloper786]

sir jesy hum js me class ko toggle karty thy same wesy React me hum kese cls add i mean toggle kar skty ha

[@YourTechWhiz]

You should have use dependency list in the useEffect.

[@ShanifKhan98]

Optional hai .. compulsory nhi

[@YourTechWhiz]

@@ShanifKhan98 It isn't compulsory, but there is something called " good programming ".

[@Kuku__Das344]

Samajh nhi aya pr deekh kr acha lga

[@curiouscosmos786]

And BOOM Guys 😁

[@nandkishor838]

Hi sir, I started reactjs by following your videos, and I stocked here, while I am making an API request by using axios my API is called multiple time as I uses const response variable to assign every value from response. what I need is , want to hold this response in a variable that I can fetch all the data from that variable without making multiple API call. please response ASAP

[@0xRudro]

20:40 jhoot pakra gya

[@souvikpal106]

Sir, I've one question if we use setState inside useEffect if will cause an infinite loop because as you told that useEffect becomes active after the page render and if we use setState it will render the page. So it will cause an infinite loop. Correct me if I'm wrong.

[@DemonHeadYT]

if dependencie diya rehga toh

[@pushpamaywad8221]

Awesome👍👍

[@ujwalsingh2636]

Sir 1 website bna do react m multipages wla

[@AsifAli14280]

same question

[@creativeakshara8438]

Nice 👍👌 Sir please snake game in JavaScript And please make canvas tutorials 🙏🙏🙏🙏🙏

[@nicetomeetugaming7024]

Thanks for this amazing video!

[@surajmishra432]

Bhai plz btaayein ki aapne custom pc build kaise kiya.. bahut se students ko ye problem aati hai ki unka development server start hone mai bahut time lagata hai or sath hi overall pc performance b achi nahi rehti .. plz share some tips about how did you solve this problem

[@rathodmehul4081]

Hello Aapake search bar ke said me Jo icon he vo kese aate he . And use full shortcut icon kese download kare....♥️

[@manurajput8421]

Sir Your Teaching Way is best And You try to understand easy way for any topics So Hello Sir I am also a Programmer in CS Branch I have need to guide for you and please help me FOR Making Car Parking Website with Database and full Web development Please Help me and guide me Sir

[@manurajput8421]

Please sir Guide me n Help me

[@manurajput8421]

Please make this own Video car Parking and booking also Please me

[@nicetomeetugaming7024]

You should try yourself bro.

[@amarchand1504]

res.data.moves[0].move.name sir aesy name ham get kar sakten hen...

[@osamaayub405]

sir can you make a video on crud operations using axios having issues in it.

[@DEEPANSHU_NAG]

Great project 💯👏🏻✌🏻

[@ThapaTechnical]

Glad you like it!

[@DEEPANSHU_NAG]

@@ThapaTechnical 👍🏻

[@demoforall4305]

@@ThapaTechnical Sir Series me 104 videos the to aaj morning me 54 kese ho gaye ??

[@aviseksahoo1953]

@@ThapaTechnical Cannot read property 'length' of undefined show kar raha hai

[@ShubhamGupta-mx2hn]

Make video on DEEP LINKS IN REACT NATIVE EXPO

[@SonuSharma-lh1qq]

bro muje bhi ese fast process krna h to kya me SSD use kr skta hu .....

[@10yearsago84]

If we don't have set an initial value for num in useState hook, it will call the pokemon API without any num value and it returns 404 error to me. Anyone else faced this same issue ??

[@Shadab_Qazi]

yes I am having same problem.

[@sidtiwari9258]

Need your support , can you make video that how can we just show moves name in another select's option . I tried and that works but browser get hangs after few mins..seems data rendering continuously .

[@rashmiwankhade4097]

Hello,i like the vedio...can you please give me some clarity what is difference between fetch api and fetch interceptor,axios api and acios interceptor...

[@manishkhanna4054]

and boom

[@aanchalsonawane7749]

Great Sir

[@sumitpaul5839]

setMoves(response.data.moves[0].move.name);

[@VarshaSingh-hi2sb]

From where to get that pikachu link... can someone plz tell..?

[@SachinVerma-td8ou]

It's pokeapi

[@baksh9595]

Sir I have a question about useEffect() , I have created this project but I also want to add another select Option but when I change the select item it only also call useEffect method. so how can I call useEffect method on only one event.

[@abhaysingh-os3qu]

useEffect(()=>{ }[value]); just before the function ends use square bracket and write the variable which u want to change everytime it is selected/changed. hope this helps

[@rajbannasa7662]

thank you so much sir

[@huzaifashaikh818]

Acha smjha ta ho

[@KalyaniTalks]

Sir hm us moves ke array ko kaise fetch kr skte hai ?

[@The_Guiders_Consultancy]

Thapa bhai I love you

[@PROTECHRAHUL]

useEffect me function k andar function me axios kyo use kiya h directly useEffect k function me use kyo nii kiya h , anyone?

[@satyajitdas6133]

how can you export the fetched data from axios to another react file?

[@KuldeepSingh-pl7rv]

i guess you should try useContext()

[@spacex3360]

Context is best but redux is also best option for big project

[@rushikeshavachat4282]

Thapa meri bhai console mein api ka data mil nahi raha hai.Code is right.Issa kyon hoo raha hai.Reply my comment.

[@yogeshsharma8966]

sir ,axios ke or bhi methode, hai put,delete,push wo bhi btao please

[@abhijeetmokale5604]

Custom PC Video Lao Vinod Sir!!! please

[@covidnineteen5249]

Thank you sir !!!

[@officialbeingdeveloper]

hello bhai i want to disable right click on i am able to disable by using oncontextmenu and pointer event ; but this also disabled to scrolling feature on file as i have used pointer event none but without using both pointer-event : none and Oncontextmenu:return false : the allow to right click!! please tell me how can i disable right click on with enabled scrolling feature!!

[@aviseksahoo1953]

Cannot read property 'length' of undefined show kar raha hai

[@ritiksahu5310]

fresh OS always makes 'react' fast toh agar loading slow ho rahi hai toh refresh your PC

[@nevilpereira1988]

This is for get.. kindly make video for post api, Super and class

[@DesiMatrixXD]

Kya mujhe koi ye batayega, axios use karne ke liye useEffect ki kya zaroorat hai? Mai toh bina useEffect ke bhi data fetch kar sakta hu. toh useEffect ka actual use kaha hai?

[@slmshady539]

aap useEffect k andr api call karte hai taaki jaise hi page load ho maltb k jaise hi page pehli bar brower pe aega waise hi useEffect harkat me aega aur api call ho jaega... ek tareeka hua karta tha useEffect se pehle componentDidMount kark bas wahi kaam ab useEffect se karte hai

[@DesiMatrixXD]

@@slmshady539 mujhe 2 months pehle hi samjh gaya tha bhai, but still appreciate your effort brother ❤️

[@slmshady539]

@@DesiMatrixXD koi baat nahi bhai... Toh react developer ban gaye ya abhi college me ho aap

[@DesiMatrixXD]

@@slmshady539 college me hi hu fir bhi developer hu. Maine abhi jald hi ye project banaya hai react-blogging-app.herokuapp.com/ Custom backend ke saath.

[@slmshady539]

@code fire I'm glad it helped 👍

[@swatisinha3141]

How to post data in a form in react plz make video using functional components

[@introvertleader]

Custom PC video want!

[@ridarachakula7865]

Amazing.. Thankyou..

[@atifaslam2965]

if you want to use a particular move from the array. then just do this setMoves(res.data.moves[0].move.name); change 0 if you do not like

[@prash0202]

Not working - Cannot read property '0' of undefined

[@atifaslam2965]

@@prash0202 console.log(res.data) first thn see what happens

[@prash0202]

Thanks Atif... Please help me and let me know how can i show 2 values with only single useState([])

[@spacex3360]

@@prash0202 state ko as a object use karo

[@yogitataluja1058]

setmoves(res.data.moves[0].move.name)

[@Vishalvidyapeeth10th]

Cors error in react how to solve it

[@rupalisarkar85]

Please make a tutorial video on react native

[@rajatsaraswat64]

Api k data kese aa rha h Y he pta nhi h sir Km s km es data ko kese nikalte h jo to bta dete

[@Wishdomloom9462]

nice video brother

[@Ronak3262]

In sab mein se mujhe sirf ek pata tha aur hua tha Pikachu😅

[@khushboosharma9717]

How to implement this with lifecycle methods?

[@darshanadey4696]

Awesome video

[@kalyanipriyadarsini]

Wow

[@ankitaggarwal2700]

Bhaiya *custom pc build* per video bnao

[@bhakuninavneet3906]

Thanku sir

[@coderhh6515]

Cool video

[@yashfarm6913]

Hii sir, please answer: how get images of Pokemon in our react app?

[@nicetomeetugaming7024]

You can get using api, also there are various methods to do it.

[@syedsabeehahmedfatmi1099]

pawfect video

[@JavaScriptYatra]

// for getting the moves name setName(result.data.name); setMoves(result.data.moves.length); const hero = result.data.moves; hero.map((val, index)=> { return console.log(val.move.name); })

[@KIRTIMGM-u4p]

sir please provied api link in your video.

[@mithunkumars6097]

Your are awesome

[@thecoderraj3777]

Thanks sir :)

[@raj5583]

It is very easy to pull data from dummy services. If possible try to fetch data from the real time backend server then this will not be this easy

[@nicetomeetugaming7024]

wrong.

[@bivusingha2079]

Bhaiya API CORS error ke uper kuch or video banau please please please.

[@raj.saurabhh]

Axios ka kya kaam?

[@kshitizshah6685]

axios ko bare ma poila kina na vaneko bro , thet malai 2 minute lagthyo poila...LOL

[@siddhartharauta7483]

Sir customer pc video banao plz

[@siddhartharauta7483]

Sry custom pc typing mistake😋😋

[@abhishekporwal5056]

How can we do this with the help of TOKENS??

[@nicetomeetugaming7024]

which tokens?

[@sudarshanthakur4129]

setmovesname(res.data.moves[0].move.name);

[@abdulmuneebafridi4437]

love u bro for ur commment

[@introvertleader]

1st view like comment & gm!

[@muhammadahsanqureshi6704]

any one plz help me ..i am facing error in when writting res.data.moves.length. this error:Unhandled Rejection (TypeError): Cannot read property 'length' of undefined? plz if anyone can help.

[@rahul4tech]

the problem is when you load page first time without changing drop down value axios calls the api without whatever option and the data returned is empty or i say undefined, so you should code like whenver use effect is called it should check that option is defined or not for eg: if(option){ const fetchData = async() => { const res = await axios.get(`pokeapi.co/api/v2/pokemon/${option}`) setData((prev) => { return { ...prev, pokeName : res.data.name, pokeMoves : res.data.moves.length } }) } fetchData() }

[@ankurpandey7103]

@@rahul4tech thanks brother for the help!

[@samirbante8554]

Mai chala pokemon dekhne

[@surajali1101]

25 alpha saphirea-sapphire-sapphire

[@Ninja-cn6kj]

image kaise laye isme

[@listology-mostamazingtop1041]

First view , like , comment by me

[@ThapaTechnical]

Many many thanks

[@knowledgeera3210]

we will get that by result.data.moves[0].move.name