React tutorial in Hindi #51 fetch API | GET method

In this react js tutorial for beginners series we learn what is API and how to call API with interview questions in react js. This video is made by anil Sidhu in the Hindi Language.
git link for this video
github.com/ani...
Playlist for complete React series in Hindi
link • React tutorial for beg...
Call Get Method API
What is API?
Call API?
Get API data in State
Make List from API
Join on Insta @php.step.by.step
• API kya hoti hai - Ani...

[@noone_and_nobody]

Right on the money!

[@shubhamkurhade325]

Bhai this video has helped me the way that I cant even tell you. I m building my first ever web project and it took me 1 week to create my backend with spring boot and 5 days for my react front end....everything was going makkhan and then I have spent whole week connecting my backend to my front and I have failed miserably....u have helped me a lot....tussi great ho pajji

[@SantoshSingh-mo8mr]

Thank you bro bahut hi easy way me describe kiya h ( USE of API )....... 😍😍😍😍

[@S.Sikarwar8]

Sir aapke sabhi video shandaar h

[@ranaimranahmed2532]

thnx sir bht achi videos hn apki from rana pakistani

[@Amazing_shorts9313]

Well and Simple word explaination

[@anshulshrivastav7687]

this was such an amazing video.. 👌👌👌👌👌👌👌👌👌

[@ghostff7422]

Hey

[@alimaruf503]

2:55 . You've mentioned how to create API in Laravel/Nodejs. Can you please refer me the link of how to make API with Laravel ?

[@CodeMap01]

Thanks for this tutorial your video help me to complete my blog website project 🥰

[@sadique.akhtar]

Sir aapne localhost:4000 ko kaise use Kiya wo nhi bataya

[@AniruddhSinghIndia]

sir u r excellent

[@ranafahad6388]

thank you soooooooooooooooooooooooooooooooooooooooo much

[@codestepbystep]

Welcoooooooooooooome 😉

[@techmania300]

Wounderful

[@Inforaaz1]

Good Explanation ♥️

[@alishakamboj1767]

Thank you sir😊

[@reetusingh2780]

Thanks for this tutorial It helps me lot🙏🙏

[@codestepbystep]

My pleasure 😊

[@umairali2360]

good one

[@zia_officia4204]

first install json server to create your own api it is one of the video of code step by step to practice

[@ishaq47108]

you didnt convert it to the string and working correctly but it shows me a error when i am not converting it to string .

[@ravikumarchaudhari1606]

nice explaination

[@Rohit_Rai901]

Kiya using api integrations live chat app ban sakta hen

[@navingupta1525]

Sir, please tell me ...if we are using async and await to fetch the data ..then how to use the map with useState? Because initially the 'state' is empty and map function will not work with state.map().. I mean that state.map() function will execute first than the async and await in useEffect().

[@codestepbystep]

useState([]). Blank array will work in your case

[@sauravpandey7767]

Bhai agar hame api ko data display karne se rokna ho jabtak ki sara data load na ho jaye to uske liye kya karenge

[@Arcgamerz27]

it is showing that data.map is not a function , what to do

[@amns67622]

Sir isme address details ko kese get kre kyuki isme age kafi prototypes hote hai?

[@bhuvanjoshi2676]

sir agaar isme ek view kaa button lgaye or 1 bar mai 1 id ko view karana ho to kyaa krenge

[@sanjeevlodhi6711]

Hare Krishna I have that have you made that todolist by yourself if yes then how

[@manjunathanaik3166]

where u made todo api

[@shubhamdixit-r8h]

Sir ho nhi rha hai console log/warn dono me dikha नहीं रहा है error कूछ नहीं है. Dowload the React devtools for a better development experience aisa दीखा रहा है. Browser extension edge chrome है

[@bhavanakalankar6858]

But from wher to get that API link

[@P_soni377]

ha yaar API LINK KAHA SE LAYE

[@mfAdvice]

Make a video on websocket

[@yashjivani7854]

local host 4000 per todo ko kese access karu?

[@satwikgawas5582]

Hello sir bahut din ho Gaye PHP tutorial start kijiye.

[@najeebashah76]

sir can you make latest vedios for react that will help us a lot

[@Apna_experience]

Sir axios use kiye h aap ki fetch

[@surpalahuja2979]

I created json file but it's opening in 3000. Can someone please tell how to change port to 4000?

[@yashmadaan8067]

worth it

[@himanshushekhar3304]

Can we use express inside react.

[@SacredScrolls786]

Sir lekin aapne toh yeh bataya hi nhi ki yeh api aapne kaise banaya...ab iske bina ham khud se get api kaise kar sakte hai.

[@codestepbystep]

API banan, react developer ka kaam nhi hota bro, wo backend developers bnate hai

[@tanbirahammad4622]

Aap API kaha se le ayi Hum kaha a use karenge?

[@kulyog6626]

If you are getting data.map() issue, put JSON file in public folder.

[@helloworld-rq6gl]

m getting error data.map() is not a function

[@kulyog6626]

@@helloworld-rq6gl have tried my solution?

[@helloworld-rq6gl]

yes ! it worked thanks

[@swapnilcodes]

How did you create that api...users list...localhost/todo something??

[@UdayPawarUdi]

Refer the old react tutorial video of creating project

[@nikleshniks]

@@UdayPawarUdi Which video? tell us pl.

[@swapnilgawde7024]

@@nikleshniks u got it ?

[@nikleshniks]

@@swapnilgawde7024 Yes.. Thanks for the help ❤️❤️😊

[@riturajoura8738]

​@@swapnilgawde7024link of api video

[@bhavsar9904]

API called 2 times for me what is the reason?

[@bhavamsingh8092]

sir apki api kam nhi kr raha hai mai 2024 memapki video dekh rha hu please sahi kriye

[@nitishpal5552]

create you own api using mockapi

[@fitifysky]

localhost4000 kasie banayi h

[@navingupta1525]

there is delay in fetching data from an API which shows an error marking cannot read property 'MAP" is undefined.'.....because state value is empty. mene ASYNC and AWAIT bhi use kiya h..lekin kaam nhi ban pa rha h. kya koi or way h ki jab tak API se Data "STATE" me load nhi ho jata tab tak MAP function render na ho react me? PLEASE SIR HELP ME...I AM FRESHER AND WORKING ON LIVE PROJECT ..BAUT TIME LAGA DIYA H MENE ISS ERROR ME.LEKIN KOI SOLUTION NHI MIL RHA. PLEASE HELP.

[@rohitrajput7544]

.map is not function how to solve it ????

[@tridevthakur7711]

Sir mera console mae result[] nhu dekh raha hai. Warning deraha hai kya kare. Warning hai::webpac- dev-server started Hot Module Replacement enabled

[@abhisheiksharma18]

aapne API ki kisi bhi video ka API ka link nahi diya bhai, uske bina kaise kaam karenge ? Please provide us API link .

[@ShubhamKumar-us3nh]

json formmate kaha milega

[@neeluzcreationz6986]

how to call csv api in react hooks methods

[@sapnavyas7992]

mere y error kyu bta ra h data map is not a function

[@nitins5923]

How to fetch with get method with putting token for authenticating the access.

[@sportscity5487]

Sir ads control karien gandy scenes aa rahy hein.

[@codestepbystep]

Bhai ye to apki browser history and cache ke hisab se aati h, :D

[@sportscity5487]

@@codestepbystep i never want to install snack video and Tiktok but why its showing with negative video...

[@tanujbhattdotin]

@@codestepbystep 😂😂😂

[@codestepbystep]

@@sportscity5487 Bro, if you install them then why they will show you ads. Logic ?????

[@FaisalAnsari-ch4pl]

@@codestepbystep 😛😛😛

[@ashishwilltellyou6497]

Fetch url kidher se laye app please batao

[@deveshtembheker1315]

Json placeholder website se Google per available hai abhi bhi

[@eramperwez187]

sir, how to remove empty array

[@nop9974]

how to set contact from 7 (WordPress plugins) post API in react ? i am finding this solution since 1 month and still is not slow .. please make a video about this .

[@yogeshrajput5712]

please answer [CORS disabled]?

[@namanjain8970]

call back function kya hota hae?

[@KapilKumar-pk9vz]

Hi Sir

[@bholagupta07]

locahost:4000 kha se add kre

[@peterson2060]

I don't know you see my comment or not but i have a question if my user want to enter an smthing and according to their input i want to show smthing using api.. for example I'm using railway api for search stations, my user enter new york there then i get response from api in console but I'm unable to show it to my website.. who to do that??

[@mohammadejaz2892]

i have same question

[@shashikantdubey2057]

I am getting error typeError: data.map is not a function

[@hafizsohaibhassan190]

const[data,setData]=useState([]);

[@heartpicks7912]

playlist ko sahi se structure karo bhai bahot jumbled hai

[@ramprasadyadav9303]

{ why happening this ?}

[@nazeedkhan10]

Same issue ... Did you solved this ?? Please tell if you have solved this ..

[@ramprasadyadav9303]

Cheak useState initial is correct or not

[@hafizsohaibhassan190]

@@nazeedkhan10 const[data,setData]=useState([]);

[@bhavsar9904]

woh localhost:4000/todo kaha se laye woh to explain karo pehle

[@rishichoubey5060]

data.map is not a function error

[@wajahatshaikh121]

same error i am facing

[@codetechpro6196]

@@wajahatshaikh121 same error

[@yogeshrajput5712]

bhai jb tk comments ka pe response nhi kro tb tk subscribe or viewer increment nhi badenge

[@kokirisanjaya4692]

Sir api kahase laye bataya nehi

[@Namankataria]

I am having error with the api and error is data.map is not an function but everything is correct My code import React from "react"; import { useEffect, useState } from "react"; export const Blog = () => { const [data, setData] = useState([]); useEffect(() => { fetch("localhost:1337/api/blogs", { method: "GET", }) .then(function (response) { return response.json(); }) .then(function (data) { console.log(data); setData(data); }); }, []); return ( {data.map(res => { return {res.title}; })} Blog ); };

[@mdabidkalam3527]

import React from "react"; import { useEffect, useState } from "react"; export const Blog = () => { const [data, setData] = useState([]); useEffect(() => { fetch("localhost:1337/api/blogs", { method: "GET", }) .then(function (response) { return response.json(); }) .then(function (data) { console.log(data); setData(data); }); }, []); return ( {data.map((res) => { return {res.title}; })} Blog ); };

[@rinnivatsa4569]

bro solution mila kya