Тёмный

React tutorial in Hindi #51 fetch API | GET method 

Code Step By Step
Подписаться 298 тыс.
Просмотров 125 тыс.
50% 1

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/anil-sidhu/react-1...
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...

Опубликовано:

 

9 дек 2020

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 104   
@D4arkl0rd
@D4arkl0rd 2 года назад
Right on the money!
@shubhamkurhade325
@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
@SantoshSingh-mo8mr 3 года назад
Thank you bro bahut hi easy way me describe kiya h ( USE of API )....... 😍😍😍😍
@CodeMap01
@CodeMap01 2 года назад
Thanks for this tutorial your video help me to complete my blog website project 🥰
@Jatavss
@Jatavss Год назад
Sir aapke sabhi video shandaar h
@ranaimranahmed2532
@ranaimranahmed2532 3 года назад
thnx sir bht achi videos hn apki from rana pakistani
@anshulshrivastav7687
@anshulshrivastav7687 3 года назад
this was such an amazing video.. 👌👌👌👌👌👌👌👌👌
@ghostff7422
@ghostff7422 2 года назад
Hey
@Inforaaz1
@Inforaaz1 Год назад
Good Explanation ♥️
@Amazing_shorts9313
@Amazing_shorts9313 Месяц назад
Well and Simple word explaination
@AniruddhSinghIndia
@AniruddhSinghIndia Год назад
sir u r excellent
@umairali2360
@umairali2360 2 года назад
good one
@ravikumarchaudhari1606
@ravikumarchaudhari1606 3 года назад
nice explaination
@alishakamboj1767
@alishakamboj1767 2 года назад
Thank you sir😊
@techmania300
@techmania300 Год назад
Wounderful
@alimaruf503
@alimaruf503 3 года назад
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 ?
@navingupta1525
@navingupta1525 3 года назад
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.
@ranafahad6388
@ranafahad6388 3 года назад
thank you soooooooooooooooooooooooooooooooooooooooo much
@codestepbystep
@codestepbystep 3 года назад
Welcoooooooooooooome 😉
@zia_officia4204
@zia_officia4204 26 дней назад
first install json server to create your own api it is one of the video of code step by step to practice
@yashmadaan8067
@yashmadaan8067 2 года назад
worth it
@navingupta1525
@navingupta1525 3 года назад
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
@codestepbystep 3 года назад
useState([]). Blank array will work in your case
@himanshushekhar3304
@himanshushekhar3304 3 года назад
Can we use express inside react.
@najeebashah76
@najeebashah76 Год назад
sir can you make latest vedios for react that will help us a lot
@nop9974
@nop9974 2 года назад
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 .
@satwikgawas5582
@satwikgawas5582 3 года назад
Hello sir bahut din ho Gaye PHP tutorial start kijiye.
@bhuvanjoshi2676
@bhuvanjoshi2676 2 года назад
sir agaar isme ek view kaa button lgaye or 1 bar mai 1 id ko view karana ho to kyaa krenge
@ishaq47108
@ishaq47108 6 месяцев назад
you didnt convert it to the string and working correctly but it shows me a error when i am not converting it to string .
@tridevthakur7711
@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
@reetusingh2780
@reetusingh2780 7 месяцев назад
Thanks for this tutorial It helps me lot🙏🙏
@codestepbystep
@codestepbystep 7 месяцев назад
My pleasure 😊
@Buddy-Gaming901
@Buddy-Gaming901 Год назад
Kiya using api integrations live chat app ban sakta hen
@nitins5923
@nitins5923 2 года назад
How to fetch with get method with putting token for authenticating the access.
@manjunathanaik3166
@manjunathanaik3166 2 года назад
where u made todo api
@amns67622
@amns67622 Год назад
Sir isme address details ko kese get kre kyuki isme age kafi prototypes hote hai?
@nitishpal5552
@nitishpal5552 Год назад
create you own api using mockapi
@mfAdvice
@mfAdvice 8 месяцев назад
Make a video on websocket
@sauravpandey7767
@sauravpandey7767 9 месяцев назад
Bhai agar hame api ko data display karne se rokna ho jabtak ki sara data load na ho jaye to uske liye kya karenge
@neeluzcreationz6986
@neeluzcreationz6986 Год назад
how to call csv api in react hooks methods
@eramperwez187
@eramperwez187 Год назад
sir, how to remove empty array
@kulyog6626
@kulyog6626 Год назад
If you are getting data.map() issue, put JSON file in public folder.
@helloworld-rq6gl
@helloworld-rq6gl Год назад
m getting error data.map() is not a function
@kulyog6626
@kulyog6626 Год назад
@@helloworld-rq6gl have tried my solution?
@helloworld-rq6gl
@helloworld-rq6gl Год назад
yes ! it worked thanks
@sapnavyas7992
@sapnavyas7992 2 года назад
mere y error kyu bta ra h data map is not a function
@KapilKumar-pk9vz
@KapilKumar-pk9vz 3 года назад
Hi Sir
@user-st1yl1jd1x
@user-st1yl1jd1x Месяц назад
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 है
@Arcgamerz27
@Arcgamerz27 2 месяца назад
it is showing that data.map is not a function , what to do
@abhisheiksharma18
@abhisheiksharma18 3 года назад
aapne API ki kisi bhi video ka API ka link nahi diya bhai, uske bina kaise kaam karenge ? Please provide us API link .
@yogeshrajput5712
@yogeshrajput5712 2 года назад
please answer [CORS disabled]?
@sanjeevlodhi6711
@sanjeevlodhi6711 2 месяца назад
Hare Krishna I have that have you made that todolist by yourself if yes then how
@namanjain8970
@namanjain8970 2 года назад
call back function kya hota hae?
@adityarai8111
@adityarai8111 3 года назад
sir how to get that api u have created
@ElizeyEnglish57
@ElizeyEnglish57 Год назад
same question
@nitishpal5552
@nitishpal5552 Год назад
create you own api using mockapi
@yashjivani7854
@yashjivani7854 2 года назад
local host 4000 per todo ko kese access karu?
@bhavsar9904
@bhavsar9904 9 месяцев назад
API called 2 times for me what is the reason?
@rohitrajput7544
@rohitrajput7544 10 месяцев назад
.map is not function how to solve it ????
@swapnilcodes
@swapnilcodes 3 года назад
How did you create that api...users list...localhost/todo something??
@UdayPawarUdi
@UdayPawarUdi 3 года назад
Refer the old react tutorial video of creating project
@adityarai8111
@adityarai8111 3 года назад
@@UdayPawarUdi which video bro? plz link
@nikleshniks
@nikleshniks 2 года назад
@@UdayPawarUdi Which video? tell us pl.
@swapnilgawde7024
@swapnilgawde7024 2 года назад
@@nikleshniks u got it ?
@nikleshniks
@nikleshniks 2 года назад
@@swapnilgawde7024 Yes.. Thanks for the help ❤️❤️😊
@tanbirahammad4622
@tanbirahammad4622 2 года назад
Aap API kaha se le ayi Hum kaha a use karenge?
@fitifysky
@fitifysky Год назад
localhost4000 kasie banayi h
@peterson2060
@peterson2060 3 года назад
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
@mohammadejaz2892 2 года назад
i have same question
@bhavanakalankar6858
@bhavanakalankar6858 2 года назад
But from wher to get that API link
@P_soni377
@P_soni377 6 месяцев назад
ha yaar API LINK KAHA SE LAYE
@ashishwilltellyou6497
@ashishwilltellyou6497 2 года назад
Fetch url kidher se laye app please batao
@deveshtembheker1315
@deveshtembheker1315 9 месяцев назад
Json placeholder website se Google per available hai abhi bhi
@shashikantdubey2057
@shashikantdubey2057 Год назад
I am getting error typeError: data.map is not a function
@hafizsohaibhassan190
@hafizsohaibhassan190 Год назад
const[data,setData]=useState([]);
@ShubhamKumar-us3nh
@ShubhamKumar-us3nh 3 месяца назад
json formmate kaha milega
@ramprasadyadav9303
@ramprasadyadav9303 2 года назад
{ why happening this ?}
@nazeedkhan10
@nazeedkhan10 Год назад
Same issue ... Did you solved this ?? Please tell if you have solved this ..
@ramprasadyadav9303
@ramprasadyadav9303 Год назад
Cheak useState initial is correct or not
@hafizsohaibhassan190
@hafizsohaibhassan190 Год назад
@@nazeedkhan10 const[data,setData]=useState([]);
@SacredScrolls786
@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
@codestepbystep Год назад
API banan, react developer ka kaam nhi hota bro, wo backend developers bnate hai
@bholagupta07
@bholagupta07 Год назад
locahost:4000 kha se add kre
@sportscity5487
@sportscity5487 3 года назад
Sir ads control karien gandy scenes aa rahy hein.
@codestepbystep
@codestepbystep 3 года назад
Bhai ye to apki browser history and cache ke hisab se aati h, :D
@sportscity5487
@sportscity5487 3 года назад
@@codestepbystep i never want to install snack video and Tiktok but why its showing with negative video...
@tanujbhattdotin
@tanujbhattdotin 3 года назад
@@codestepbystep 😂😂😂
@codestepbystep
@codestepbystep 3 года назад
@@sportscity5487 Bro, if you install them then why they will show you ads. Logic ?????
@FaisalAnsari-ch4pl
@FaisalAnsari-ch4pl Год назад
@@codestepbystep 😛😛😛
@rishichoubey5060
@rishichoubey5060 2 года назад
data.map is not a function error
@wajahatshaikh121
@wajahatshaikh121 2 года назад
same error i am facing
@codetechpro6196
@codetechpro6196 2 года назад
@@wajahatshaikh121 same error
@yogeshrajput5712
@yogeshrajput5712 2 года назад
bhai jb tk comments ka pe response nhi kro tb tk subscribe or viewer increment nhi badenge
@bhavsar9904
@bhavsar9904 9 месяцев назад
woh localhost:4000/todo kaha se laye woh to explain karo pehle
@Apna_experience
@Apna_experience Год назад
Sir axios use kiye h aap ki fetch
@Namankataria
@Namankataria 2 года назад
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
@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
@rinnivatsa4569 Год назад
bro solution mila kya
@kokirisanjaya4692
@kokirisanjaya4692 7 месяцев назад
Sir api kahase laye bataya nehi
Далее
React tutorial in Hindi  #52 What is Postman in Hindi
9:42
React tutorial in Hindi  #53 POST Method in Rest API
18:21
Впервые дал другу машину…
00:57
Все кругом Миланы... 🤣
00:12
Просмотров 235 тыс.
React tutorial in Hindi #50 Dynamic Routing
13:02
Просмотров 30 тыс.
What is an API in Hindi
8:38
Просмотров 203 тыс.
Context API in react | get the concept
29:00
Просмотров 44 тыс.