React Hook Project 👉 Get Github Users Data using useEffect Hook with Fetch API in Hindi in 2021

Поділитися
Вставка
  • Опубліковано 16 лют 2021
  • Welcome, Get Github Users Data using useEffect Hook with Fetch API in Hindi in 2021
    😍 Check my Instagram to Chat with me: / vinodthapa55
    😍 Free Source Code: github.com/thapatechnical/rea...
    ✅ NodeJS Tutorial in Hindi 2020: • NodeJS Tutorial in Hin...
    ✅ Express JS Tutorial In Hindi in 2020: • Express JS Tutorial In...
    ************ Must Watch Videos For Web Development ************
    ➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: • React JS Tutorial in H...
    ➡️ React JS Project Netflix App Part #1 in Hindi in 2020: • #22: Props in React Js...
    ➡️ Install VS Code for ReactJS LINK: www.thapatechnical.com/2020/0...
    😍😍 Check Programming Videos in One Hour👇
    ➡️ Complete Reactjs in One video here • ReactJS For Beginners ...
    ➡️ HTML in One Video: • Learn HTML in One Vide...
    ➡️ CSS in One video: • Learn Complete CSS In ...
    ➡️ CSS FlexBox in 30 Minutes: • CSS FlexBox in 30 Minu...
    ➡️ JavaScript in One video: • JavaScript in One Vide...
    ➡️ ECMAScript 6 in One Video: • ES5 & ES6 | ECMAScript...
    ➡️ HTML5 in one video: • HTML5 Tutorial in One ...
    ➡️ CSS3 in one video: • Learn Complete CSS3 In...
    ➡️ Bootstrap4 in One video: • Bootstrap 4 in One Vid...
    ➡️ Jquery in One video: • jQuery in One Video in...
    ➡️ JSON in one video: • JSON in One Video in H...
    ➡️ ReactJS in one video: • ReactJS For Beginners ...
    ➡️ PHP in One Video: • PHP TUTORIAL IN ONE VI...
    ➡️ NodeJS in one video: / ipnwakoibt
    ➡️ MySQL in one video: • Complete SQL & MySQL i...
    ********** CLICK HERE TO WATCH ************
    ➡️ Fetch API in JavaScript: • Fetch API in JavaScrip...
    ➡️ AJAX tutorial for beginners in Hindi: • AJAX tutorial for begi...
    ➡️ Template literals (Template strings) in ES6 in JavaScript in Hindi: • ES6 Tutorial #3: Templ...
    ➡️ Async Await in JavaScript in Hindi: • Async Await in JavaScr...
    ➡️ Promises in JavaScript in Hindi: • Master The Promises in...
    ➡️ Callback Hell in JavaScript: • Callback Hell in JavaS...
    ➡️ Advanced JavaScript in Hindi Playlist: • Advanced JavaScript Tu...
    ➡️ ECMAScript Tutorial in Hindi 2020: • Modern JavaScript ES6 ...
    ➡️ ES5 & ES6 | ECMAScript 6 in One Video in Hindi: • ES5 & ES6 | ECMAScript...
    ➡️ JavaScript Game Development Series in 2020: • JavaScript Game Develo...
    ➡️ Source Code Link: www.thapatechnical.com/2019/1...
    ➡️ Top 5 Programming Languages in 2020: • Top 5 Programming Lang...
    ➡️ Ludo Game JavaScript Link: • JavaScript Game in Hin...
    ➡️Plz show some love to My Siter UA-cam Channel and Plz Subscribe Link: / @mayabeautyvlogs878
    **************** MUST WATCH VIDEOS *****************
    ➡️ How to become a Full Stack Developer 2020: • How to become a Full S...
    ➡️ How To Become a Web Developer 2020: • How To Become a Web De...
    ➡️ How JavaScript Works: • How JavaScript Works i...
    ➡️ Follow me on Instagram: / vinodthapa55
    Make Website Responsive Using Media Queries in One Video in Hindi | Web Design Tutorial in Hindi
    ➡️ Link: • Make Website Responsiv...
    Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines.
    Don't Forget to Follow me on all Social Network,
    Website Link: www.thapatechnical.com
    Instagram Link: / vinodthapa55
    Facebook Link: / vinodthapa55
    Twitter Link: / vb55thapa
    Facebook ThapaTechnical Page Link: vinodbahadur...

КОМЕНТАРІ • 119

  • @ThapaTechnical
    @ThapaTechnical  3 роки тому +11

    Hope you love the video. Plz LIKE SHARE & SUBSCRIBE my Channel 😍 Check my Instagram to Contact me: instagram.com/vinodthapa55
    ✅ JavaScript in Hindi in 16Hours: ua-cam.com/video/KGkiIBTq0y0/v-deo.html
    ✅ Master The Promises in JavaScript in Hindi in 2020: ua-cam.com/video/xGBhmi4wwMI/v-deo.html
    ✅ Async Await in JavaScript in Hindi: ua-cam.com/video/hFLXE5-JCcs/v-deo.html

    • @AdityaSharan811
      @AdityaSharan811 3 роки тому

      @thapatechnical Bhai MERN playlist mei kitne videos aayenge aur yeh kab tak khtm ho jayegi ..i want to finish it as fast as possible
      I Want to switch company as soon as possible
      Ur explaination is way too Awesome 👍

    • @prashantchouhan6394
      @prashantchouhan6394 2 роки тому

      sir plz get Articles, Followers, Rating through api how to display that from api

    • @Gauthampaladugu709
      @Gauthampaladugu709 Рік тому

      Thankyou bhai

  • @sufyanamin6743
    @sufyanamin6743 Рік тому +1

    I think a bestest UA-cam channel's playlist to learn react js hooks in details. Very very hard work by you Sir. Stay blessed.

  • @amanvyas9480
    @amanvyas9480 3 роки тому +2

    Thanks thapa sir for describing that In easy manner....❤️

  • @shashankthapa659
    @shashankthapa659 2 роки тому

    Wonderful explanation, Video ko lagi dherai dherai dhanyabad!

  • @saroshahmed7097
    @saroshahmed7097 3 роки тому

    bohat acha laga sir apke video me banda bore nahe hota

  • @kumawatnaresh3451
    @kumawatnaresh3451 3 роки тому

    Sir best video op aaj mene api or use effect duno ek sath sikhaliya

  • @monireol
    @monireol 3 роки тому

    Oh thankd sir,
    Ye video mereko aaj hi chahiye.
    Aur apne ka ko upload kar dia he.
    Thanks a lot

  • @sohelansari5403
    @sohelansari5403 Рік тому

    ek number vinod bhai badhiya samajh raha hai abhi sab kuch

  • @gmkhussain
    @gmkhussain 2 роки тому

    Started svelte... By far the simplest and most logical in my opinion... everyone should give it a try...

  • @abhishekgoyalcs_a_0211
    @abhishekgoyalcs_a_0211 3 роки тому +1

    Salute to you bro for your efforts.

  • @rahul_singh_rajput3292
    @rahul_singh_rajput3292 2 роки тому

    My problem solved .. Main soch raha yeh kyun loop m chal raha 🙂🙂 thankS sir.. PlayList ke iss video se pahle hi m woh krne laga tha

  • @ShivamSingh-su3nz
    @ShivamSingh-su3nz 3 роки тому +15

    sir please make a video to filter search on this same project

  • @softboxmelody
    @softboxmelody 2 роки тому

    thank you sir it is really very helpful

  • @chaudhrysamtech7269
    @chaudhrysamtech7269 Рік тому

    bahi love from karachi , Pakistan kia maze ka samjha ya ap ne .

  • @PrakashKumar-yk6ms
    @PrakashKumar-yk6ms 3 роки тому +2

    npm start and boom guys...... I love the way you say this line :)

  • @abhishekvishwakarma9045
    @abhishekvishwakarma9045 3 роки тому

    Awesome Content Sir G Next Video Post Request Using Fetch or Axios and Redux bhi bata dena MERN se pehle🤩🤩

  • @ManoharBatra
    @ManoharBatra Рік тому

    awesome playlist @thapa bhai

  • @rishichoubey5060
    @rishichoubey5060 3 роки тому

    bhai gazab samjhaya mai koi dusre project mai kaam kar rha tha pura smjh aaya step by step chal rha tha mai lekin jab api limit ki bari aayi wahi pe hagg dia yar tumne , samjhaya bhi ni kaise theek kare seedha dusri api le liye. Pura samjhao yar aesi hi jagah faste hai !!

  • @infiniteprogramming
    @infiniteprogramming 3 роки тому

    Awesome Work! Keep it up

  • @mr.shoaibmalik2488
    @mr.shoaibmalik2488 3 роки тому

    THANK YOU SO MUCH SIR

  • @ankitrikame336
    @ankitrikame336 3 роки тому +1

    Thank you so much

  • @chandrakantvangule3051
    @chandrakantvangule3051 3 роки тому

    Thank you so much 🙏

  • @JatinGamer
    @JatinGamer 11 місяців тому

    What a explanation ❤️

  • @bollywoodgossips6666
    @bollywoodgossips6666 Рік тому

    it was awesome i found some new.

  • @sfusergroupkhi
    @sfusergroupkhi 3 роки тому

    Awesome as usual❤❤

  • @purot309
    @purot309 2 роки тому

    Awesome tutorial.

  • @arpitagec9
    @arpitagec9 3 роки тому

    Pls pls make a make a video on how to follow your playlists (sequential order) to become a full stack developer.🙏

  • @rajbannasa7662
    @rajbannasa7662 2 роки тому

    thank you so much sir

  • @04.nehalsingh12
    @04.nehalsingh12 2 роки тому

    awesome tutorial sir

  • @muhammadawaisakhter6385
    @muhammadawaisakhter6385 8 місяців тому

    Very Helpfull

  • @AmanKumar-eg5rc
    @AmanKumar-eg5rc 2 роки тому

    Op hooks video must watch..

  • @anandkumarsingh282
    @anandkumarsingh282 Рік тому

    Thanks dost.

  • @Arunabh95
    @Arunabh95 Рік тому

    Thankyou brother ❤️

  • @arshadjuj
    @arshadjuj 3 роки тому +2

    Awesome Sir G.
    Sir G context Api study karan ga ya nai

  • @vaishalinaikade3009
    @vaishalinaikade3009 2 роки тому

    Thanks you so much,I have one requirement for you on button click multiple checkbox like filter,please give me example using react boostrap

  • @amazinganimals9536
    @amazinganimals9536 Рік тому

    I am your big fan

  • @harivishvakarma7772
    @harivishvakarma7772 3 роки тому +8

    Hello brother, I am learning react js tutorial and recently I completed video no 61, afterthat there is 3-4 video is same means double video uploaded. So could you please remove it🙏🙏, and another request could you make a video on redux too. Because I love your way of teaching.. it's very easy to understand and remember.. thanks for your hard work. 🤗🤗

  • @PSMUSICHUB
    @PSMUSICHUB 3 роки тому

    Nice sir hooks ka upar videos or bhi banaye.

  • @gauravgaurav6055
    @gauravgaurav6055 2 роки тому

    Thanks!

  • @avanipatel7344
    @avanipatel7344 3 роки тому +1

    Sir. Please make video on redux too. Especially difference between thunk vs saga. If anyone has good article to understand redux. Please share me link of it :)

  • @jeevantimilsina474
    @jeevantimilsina474 Рік тому

    Awesome!

  • @manasahr478
    @manasahr478 Рік тому

    Could you please make a video on apidata loading to grid or table based on dropdown option selected. Suppose if we select option applications it will display related data in table.

  • @Skullandroses188
    @Skullandroses188 3 роки тому +1

    Preloading Animations in React could you give some examples...

  • @rahulmali2715
    @rahulmali2715 2 роки тому

    Hello sir, can you make 1 tutorial for filter this list on change dropdown

  • @amitsrivastav818
    @amitsrivastav818 Рік тому

    awesome buddy...

  • @sumitsingingworld3731
    @sumitsingingworld3731 2 роки тому

    Sir agar muje limited data fetch krna ho and pagination add krni ho ya jaise hi scroll karege next data show jaye vo kaise karege ?

  • @AhteshamKamali
    @AhteshamKamali 3 роки тому

    Awesome

  • @WorldTop-rl3py
    @WorldTop-rl3py 3 роки тому

    thanks

  • @ankitaverma1183
    @ankitaverma1183 9 місяців тому

    Osm👍😇

  • @amitkumar-ec3np
    @amitkumar-ec3np 3 роки тому +1

    Sir make a video on email verification or otp verification in sign up page

  • @bongogappo38
    @bongogappo38 3 роки тому

    Thapa bhai MERN project mai file upload ke upor ek video banao na. Please bahoot help ho jaye ga

  • @dhanthapa1136
    @dhanthapa1136 3 роки тому

    Good

  • @viratpackers5231
    @viratpackers5231 3 роки тому +1

    Sir,
    Cors error is coming while we fetch data from API with some POST Values then show error
    Uncaught (in promise) TypeError: Failed to fetch
    IF any vedio of this please provide

  • @aasimameer3294
    @aasimameer3294 3 роки тому

    Sir please make a animation search box in react..

  • @_jihad_hasan
    @_jihad_hasan 2 роки тому

    NICE VIDEO

  • @prafullawankhede1185
    @prafullawankhede1185 2 роки тому

    Error while calling locally run API in React fetch() function.
    "Uncaught (in promise) TypeError: Failed to fetch"

  • @aloofHarry
    @aloofHarry 3 роки тому

    Bhai ek video fetch api pe bnao ki 9 button ho or jab har ek button pe click kare to ek naya joke aaye Chuck norris api k

  • @darjipavan5112
    @darjipavan5112 3 роки тому

    Vue js ki series banaiye please

  • @hemanthm1399
    @hemanthm1399 2 роки тому

    Hllo thapa sir can you please tell me what is prefect project name of this project ? Im thinking it is like github clone 👉 name is good or bad?

  • @shubhamambhore5707
    @shubhamambhore5707 2 роки тому

    🔥🔥🔥🔥🔥

  • @xxyy366
    @xxyy366 3 роки тому

    @Thapa how to use icons in placeholder in react?

  • @pranavkorhale5089
    @pranavkorhale5089 Рік тому

    To Booom guys❤‍🔥❤‍🔥❤‍🔥❤‍🔥❤‍🔥

  • @mr.kishor6856
    @mr.kishor6856 Рік тому

    Yarn Start not working on my Vs code terminal , Showing error " error Command "start" not found "

  • @Aarifkhan-ls6lt
    @Aarifkhan-ls6lt 3 роки тому +2

    Hello sir, i have followed your react js video playlist i have one ques do i need to create new app every time i start a new project ??. In your react playlist you just delete the index.js file and write your code the you had not create new project so this is the confusion please resolve

    • @muhammadjawad9341
      @muhammadjawad9341 3 роки тому

      Yes for every new project you need :
      (Npx create-react-app prjectName)

    • @muhammadjawad9341
      @muhammadjawad9341 3 роки тому

      You can also copy whole previous project and change src folder files and use again and again. 2nd way

    • @siddharth3419
      @siddharth3419 2 роки тому

      you can use babel too ...using babel cdn you dont have to create react app everytime apart from big projects

  • @anburaj6057
    @anburaj6057 2 роки тому

    I have date in the json how to filter the data with the current date

  • @atultiwari7361
    @atultiwari7361 3 роки тому

    how to fetch product api using commercejs please make a video

  • @RahulSharma-ph2zn
    @RahulSharma-ph2zn 2 роки тому +2

    after fetching api with useEffect when i reload the page on the browser. there is an error like,
    the initial state of the post is [ ] (a blank array).
    useEffect is call after the render. so the setPost can change the state later.
    and map function on a blank array is not possible.

  • @naheeddeedar2792
    @naheeddeedar2792 2 роки тому

    Sir how to display card 4 cards in a single row in this cenario

  • @ravi_verma31
    @ravi_verma31 3 роки тому +2

    what if the API data is not in array instead it is in Object, then how will we use map function or what will we use to iterate the API data in case of Object.. please help

    • @tusharsharma2359
      @tusharsharma2359 Рік тому

      I'm also struggling here, help me if u know how to solve this

    • @Ammar-mi2nr
      @Ammar-mi2nr Рік тому

      First You will convert it into an array

  • @zaighamchaudhary9289
    @zaighamchaudhary9289 Рік тому

    hyee sadqy jaun ...han bhai maloom hai 31:12

  • @uttamkhuntia
    @uttamkhuntia 2 роки тому

    Sir,I am unable to solve memory leak problem
    ....
    Please help me

  • @Codingkite
    @Codingkite 3 роки тому

    sir es async use karne ky liya use ko install bhi karna padta hai kya axios ki tarha

    • @panseriyadeep2011
      @panseriyadeep2011 3 роки тому

      No,You don't install you just use asyanc it is a asynchronous javascript and axios is a library so , without install axios you can't use

  • @hamzaabbas1959
    @hamzaabbas1959 Рік тому

    sir , if we call getUsers function directly without useEffect, will it not be run effectively? kindly explain

    • @RASHIDKHAN-zz9wi
      @RASHIDKHAN-zz9wi 11 місяців тому

      useeffect is for to do something from your component in a render website when ur website then useeffect working if directly call any function they will not change after render website

  • @razimomin9540
    @razimomin9540 2 роки тому

    But you didn't cleanup that function.if anyone know please reply

  • @Heavenly_Scrolls
    @Heavenly_Scrolls Рік тому

    VM5614:1 Uncaught (in promise) SyntaxError: Unexpected token '

  • @punjabifolks4654
    @punjabifolks4654 Рік тому

    API isn't fetching data. Kindly help in resolving the issue

  • @ashishsharma-em1jn
    @ashishsharma-em1jn 2 роки тому

    how much time will take to complete to learn react anyone tell me

  • @haiderabbas1950
    @haiderabbas1950 2 роки тому

    boom

  • @ShortswithAxNir1513
    @ShortswithAxNir1513 2 роки тому

    React native pe video banav na bro

  • @Angrybird-kq4dl
    @Angrybird-kq4dl 2 роки тому

    User.map is not a function vali problem ko kese sahi kiya h

  • @DeepakGupta-pz4fx
    @DeepakGupta-pz4fx 3 роки тому

    Redux pr video layo please

  • @Yourdestinationstore_
    @Yourdestinationstore_ Рік тому +1

    The github code giving different output

  • @ashwanigupta2838
    @ashwanigupta2838 3 роки тому

    👍👍♥️

  • @ismailhosen8620
    @ismailhosen8620 3 роки тому

    Error: Objects are not valid as a React child (found: object with keys {login, id, node_id, avatar_url, gravatar_id, url, html_url, followers_url, following_url, gists_url, starred_url, subscriptions_url, organizations_url, repos_url, events_url, received_events_url, type, site_admin}). If you meant to render a collection of children, use an array instead.
    Same Code copy pase 😍 How can I solve this error?

  • @oook3407
    @oook3407 Рік тому

    yar source code me useEffectApi me code nahi mill raha

  • @vaibhavnirmal1
    @vaibhavnirmal1 3 роки тому

    instagram page not found

  • @aniketsmarwade6271
    @aniketsmarwade6271 3 роки тому

    First comment

  • @oceancreation6738
    @oceancreation6738 3 роки тому +1

    Sir please javascipt ki input tag se value input kr ke loop kaise chalaye text me please sir reply me
    Thank you

  • @abubakarali6399
    @abubakarali6399 3 роки тому

    Where is source code,dear?

  • @abhikumar18
    @abhikumar18 Рік тому

    bhai jab bhi koi new video bnata hai to start se project kiya kar ye ni ki kahi bich se kisi bhi video ka file structure utha ke start kar diya

  • @AdityaSharan811
    @AdityaSharan811 3 роки тому

    Second comment

  • @rashed.sarder
    @rashed.sarder 2 роки тому

    Boss

  • @browncheese2829
    @browncheese2829 Рік тому

    I wish this was in English 😏

  • @budgetfps8051
    @budgetfps8051 3 роки тому +1

    4 comments

  • @MuhammadAbdullah-ml2fu
    @MuhammadAbdullah-ml2fu 3 роки тому +1

    exact same as this tutorial ua-cam.com/video/4UZrsTqkcW4/v-deo.html (check 5.20.07 of tutorial).
    even data used is same .

  • @anasameen4554
    @anasameen4554 2 роки тому

    bhai tu bht bolte hai km b kar liya kar

  • @wilsonsoares7275
    @wilsonsoares7275 Рік тому

    Timepass

  • @abuasim1000
    @abuasim1000 2 роки тому

    Why don't you tell from where you have taken the data. i AM UNABLE TO FOLLOW YOU. iT IS USELESS FOR ME. You fall short of telling the the sources of your data

  • @rusty6333
    @rusty6333 2 роки тому

    He talks too much sometimes irretate me and feel sleepy

  • @user-bg6vr7wk5h
    @user-bg6vr7wk5h 3 місяці тому

    Both bakwas tarekay say project ko kya hooks both achey thara say samj allha pak ka karam ha ap suno kasa ho rahay thay ap nay bootstrip ko kya css ko nahi laka ap ka desing alag allha pak ka karam ha ap suno kasa ho raha hamra alag ha kuch samj nahi aya 😢