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

[@Amazing_shorts9313]

Well and Simple word explaination

[@anshulshrivastav7687]

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

[@ghostff7422]

Hey

[@reetusingh2780]

Thanks for this tutorial It helps me lot🙏🙏

[@codestepbystep]

My pleasure 😊

[@CodeMap01]

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

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

[@Inforaaz1]

Good Explanation ♥️

[@ranafahad6388]

thank you soooooooooooooooooooooooooooooooooooooooo much

[@codestepbystep]

Welcoooooooooooooome 😉

[@zia_officia4204]

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

[@AniruddhSinghIndia]

sir u r excellent

[@sadique.akhtar]

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

[@adityarai8111]

sir how to get that api u have created

[@ElizeyEnglish57]

same question

[@nitishpal5552]

create you own api using mockapi

[@techmania300]

Wounderful

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

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

[@sanjeevlodhi6711]

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

[@alishakamboj1767]

Thank you sir😊

[@mfAdvice]

Make a video on websocket

[@manjunathanaik3166]

where u made todo api

[@satwikgawas5582]

Hello sir bahut din ho Gaye PHP tutorial start kijiye.

[@Arcgamerz27]

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

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

[@Apna_experience]

Sir axios use kiye h aap ki fetch

[@Rohit_Rai901]

Kiya using api integrations live chat app ban sakta hen

[@bhavanakalankar6858]

But from wher to get that API link

[@P_soni377]

ha yaar API LINK KAHA SE LAYE

[@amns67622]

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

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

[@nitishpal5552]

create you own api using mockapi

[@najeebashah76]

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

[@ravikumarchaudhari1606]

nice explaination

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

[@bhuvanjoshi2676]

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

[@umairali2360]

good one

[@ShubhamKumar-us3nh]

json formmate kaha milega

[@bhavsar9904]

API called 2 times for me what is the reason?

[@tanbirahammad4622]

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

[@fitifysky]

localhost4000 kasie banayi h

[@abhisheiksharma18]

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

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

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

[@rohitrajput7544]

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

[@himanshushekhar3304]

Can we use express inside react.

[@yashjivani7854]

local host 4000 per todo ko kese access karu?

[@bhavamsingh8092]

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

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

[@sapnavyas7992]

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

[@KapilKumar-pk9vz]

Hi Sir

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

[@ashishwilltellyou6497]

Fetch url kidher se laye app please batao

[@deveshtembheker1315]

Json placeholder website se Google per available hai abhi bhi

[@neeluzcreationz6986]

how to call csv api in react hooks methods

[@swapnilcodes]

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

[@UdayPawarUdi]

Refer the old react tutorial video of creating project

[@adityarai8111]

@@UdayPawarUdi which video bro?
plz link

[@nikleshniks]

@@UdayPawarUdi Which video? tell us pl.

[@swapnilgawde7024]

@@nikleshniks u got it ?

[@nikleshniks]

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

[@eramperwez187]

sir, how to remove empty array

[@namanjain8970]

call back function kya hota hae?

[@heartpicks7912]

playlist ko sahi se structure karo bhai bahot jumbled hai

[@nitins5923]

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

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

[@yogeshrajput5712]

please answer [CORS disabled]?

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

[@bholagupta07]

locahost:4000 kha se add kre

[@shashikantdubey2057]

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

[@hafizsohaibhassan190]

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

[@yashmadaan8067]

worth it

[@yogeshrajput5712]

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

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

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