React tutorial in Hindi #51 fetch API | GET method

[@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 )....... 😍😍😍😍

[@Jatavss]

Sir aapke sabhi video shandaar h

[@ranaimranahmed2532]

thnx sir bht achi videos hn apki
from rana pakistani

[@anshulshrivastav7687]

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

[@ghostff7422]

Hey

[@Amazing_shorts9313]

Well and Simple word explaination

[@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

[@Inforaaz1]

Good Explanation ♥️

[@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

[@reetusingh2780]

Thanks for this tutorial It helps me lot🙏🙏

[@codestepbystep]

My pleasure 😊

[@AniruddhSinghIndia]

sir u r excellent

[@ranafahad6388]

thank you soooooooooooooooooooooooooooooooooooooooo much

[@codestepbystep]

Welcoooooooooooooome 😉

[@Rohit_Rai901]

Kiya using api integrations live chat app ban sakta hen

[@bhuvanjoshi2676]

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

[@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 है

[@umairali2360]

good one

[@satwikgawas5582]

Hello sir bahut din ho Gaye PHP tutorial start kijiye.

[@amns67622]

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

[@techmania300]

Wounderful

[@alishakamboj1767]

Thank you sir😊

[@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

[@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

[@manjunathanaik3166]

where u made todo api

[@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.

[@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

[@mfAdvice]

Make a video on websocket

[@sanjeevlodhi6711]

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

[@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 .

[@bhavanakalankar6858]

But from wher to get that API link

[@P_soni377]

ha yaar API LINK KAHA SE LAYE

[@ravikumarchaudhari1606]

nice explaination

[@yashjivani7854]

local host 4000 per todo ko kese access karu?

[@Arcgamerz27]

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

[@himanshushekhar3304]

Can we use express inside react.

[@surpalahuja2979]

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

[@fitifysky]

localhost4000 kasie banayi h

[@zia_officia4204]

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

[@tanbirahammad4622]

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

[@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

[@neeluzcreationz6986]

how to call csv api in react hooks methods

[@sapnavyas7992]

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

[@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 .

[@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

[@ShubhamKumar-us3nh]

json formmate kaha milega

[@nitins5923]

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

[@abhisheiksharma18]

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

[@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

[@rohitrajput7544]

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

[@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

[@bhavsar9904]

API called 2 times for me what is the reason?

[@namanjain8970]

call back function kya hota hae?

[@yogeshrajput5712]

please answer [CORS disabled]?

[@bhavamsingh8092]

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

[@KapilKumar-pk9vz]

Hi Sir

[@shashikantdubey2057]

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

[@hafizsohaibhassan190]

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

[@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([]);

[@nitishpal5552]

create you own api using mockapi

[@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

[@bholagupta07]

locahost:4000 kha se add kre

[@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 😛😛😛

[@yashmadaan8067]

worth it

[@rishichoubey5060]

data.map is not a function error

[@wajahatshaikh121]

same error i am facing

[@codetechpro6196]

@@wajahatshaikh121 same error

[@heartpicks7912]

playlist ko sahi se structure karo bhai bahot jumbled hai

[@yogeshrajput5712]

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

[@bhavsar9904]

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

[@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