useEffect Hook in React JS in Hindi in 2020 #54

Поділитися
Вставка
  • Опубліковано 28 лис 2024

КОМЕНТАРІ •

  • @ThapaTechnical
    @ThapaTechnical  4 роки тому +41

    Guys, hooks ke uper ye sabhi videos bahoot imp hai, plz end tak dekhe and dosto ko bhi share kr dena okk :) and kuch doubt ho tho niche comment jarror krna

    • @tarunjoshi1106
      @tarunjoshi1106 4 роки тому +1

      Sir COVID 19 india ke api ka use krke React Js mai bhi bnao 👌☺️
      Jo data ko display kre properly 😋👌

    • @cutebaby_shivanya
      @cutebaby_shivanya 4 роки тому

      Sir, can you please remove the duplicate videos from react playlist. It's sometimes confusing. Thanks

    • @kiranmahajan778
      @kiranmahajan778 4 роки тому

      Sir please make a video on api call using usEffect hooks

    • @lucknavisingh5398
      @lucknavisingh5398 4 роки тому

      After React series, Can you do series on C#. Net... Its very demanding.. we want to learn in your style🙂

    • @shivampradhan6101
      @shivampradhan6101 4 роки тому

      Hi sir ye kitne videos k playlist hone wali h0?

  • @dimpleshah3037
    @dimpleshah3037 3 роки тому +13

    You have made such tricky programming languages so easy to understand... Thanks... 😍

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

    From the beginning of this series, I was thinking why not yet used Class component...
    At 2:40 got the answer....U are a Gem...Hatts Off to you and your knowledge...

  • @RaniKamat-ob6lm
    @RaniKamat-ob6lm Рік тому

    Thapa bhaiya u are amazing saare concepts aaram se mat tarike se smzme aa rha ha..we are lucky aap humko mile..thanx. god bless you bhaiya.❤️

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

    Short , simple and straight to the point with easy example. Very well explained!!!

  • @adwetanurag
    @adwetanurag Рік тому +2

    Bro, you simplified it like hell man, Thx a lot

  • @catastrophe4683
    @catastrophe4683 10 місяців тому

    wow!! never thought i will learn this whole framework so easily, your every word is easy to understand. please keep making such tutorials. In this world full of business and manipulation. we need teachers like you who are selfless and giving their best to teach us T_T. you are the best teacher sir!!❤. Thankyou so much!!

  • @ajitawadhiya6967
    @ajitawadhiya6967 3 роки тому +5

    In short - we use useEffect hooks to perform an operation after render().
    ex- suppose we fetch an Api and now we need to perform some other operation we use useEffect.
    Vidnod thapa 💐🙏

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

      componentDidMount

    • @ManishKumar-oy7hq
      @ManishKumar-oy7hq 3 роки тому +1

      @@er_ma3 we use componentDidMount() in class component ,in functional component useEffect hooks handles componentDidMount, componentDidUpdate, and componentWillUnmount all together

  • @roguesecurity
    @roguesecurity 4 роки тому +3

    This was very helpful video. I am a react beginner and was struggling to understand useEffect(). I used to do trial and error to get the desired result in case of useEffect(). Now I can use it with confidence. Thanks Vinod

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

      Please learn class component life cycle first.

    • @AdityaYadav-eu1nc
      @AdityaYadav-eu1nc Рік тому

      Now are you react pro? How's your journey with react?

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

    Million times better than paid course Love.

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

    the best explanation on youtube

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

    Buddy Your Tutorials are best!... They always help me whenever i face any difficulty!...

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

    Thank you so much bro...tumhari bole hue ek sentence ne mera error shi kr diya.....vo useState ko top pr add krne wala

  • @vlogsdiaries4250
    @vlogsdiaries4250 2 роки тому +1

    Oh my god, this was amazing 🔥🔥🔥 now the concept is clear. Thank you for making this video.

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

    good job THAPA Nepali gorkha proud of your explainantion.

  • @shwetabharti8756
    @shwetabharti8756 2 роки тому +1

    Such a simple and easy explanation...thank you bro❣️❣️

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

    your teaching method awesome and very easy to understand

  • @CrazyGamer-fx3rs
    @CrazyGamer-fx3rs Рік тому

    you are really a awasome teacher

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

    Best In Hindi segments thank you sir 🎉

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

    Literally, very well explanation !!! Thanks for your efforts man !!

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

    Your way of explaining concepts makes harder things easy to understand.
    Thanks for the tutorial.

  • @rajat-s-kale1771
    @rajat-s-kale1771 Рік тому

    Your teaching is awesome

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

    sahi me bhyia..aapne bahut ache se samjhaya ha.... or calm ness k sath.. thankuuu bas ek request or hai..mujhe css k noraml teen m doubt ha..like screen with wo jo hum screen ka width or height set krte hai na..usme problem hoti h like...h-screen w-full ye sab dikkt krti h ...uspe ek bna do vdo clear me

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

    Simply it gives information about use state function

  • @3x10.8_ms
    @3x10.8_ms 2 роки тому

    i'm following some other course...but when i don't understand any concept then come to your playlist to understand

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

    Mast Explanation 🔥

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

    Thankyou so much for explaining these hooks in the most simplest form , awsome explanation sir , thankyou bhaiya ,

  • @darshanadey4696
    @darshanadey4696 4 роки тому +14

    Hi, please make a video on how to fetch api by using useEffect hook, also if possible how to convert normal html bootstrap template into react js template. Thanks

    • @abhishekrawat8579
      @abhishekrawat8579 3 роки тому +3

      you should use axios api much more reliable then fetch api

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

    Bohot hi umdaa ❤️❤️

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

    Thankyou sir finally concept clear

  • @EWorldHub
    @EWorldHub 4 роки тому

    Superb... Kadak

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

    Very well explained, difficult concept in simple way thanks

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

    you are genius sir lot of lern for you

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

    Nice lecture.

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

    your css is really amazing

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

    Thank you so much explained in easy way 👍

  • @DEEPANSHU_NAG
    @DEEPANSHU_NAG 4 роки тому +2

    Best explained 💯✌🏻

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

    its an amazing video with amazing and simple explanation

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

    Thank you soo much thapa sir....

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

    Great Explanation sir!! Thank you so much!!

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

    100th comment...century....valuable video☺👌

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

    Your Documentation based Explanation and also Your Simple Explanation are very Awesome, Great Content!🔥🔥🔥🔥🔥, 👍👍👍

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

    Thanks for the video... concept cleared man!!

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

    osm video with basic funda

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

    sir thank you sir really best for this useEffect (tutorials )

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

    VERY GOOD EXPLAINATION

  • @gayaskamate6382
    @gayaskamate6382 4 роки тому +1

    Thank you so much brother...

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

    M ur big fan... Thanks a lot, plz add more n more videos for react projects.

  • @vikasbisht891
    @vikasbisht891 Рік тому +2

    8:10
    bina useEffect k hora hai na update number : ) and alert v aara hai simply .
    import React, { useState, useEffect } from "react";
    function UseEffectTest() {
    const [num, setNum] = useState(0);
    function add() {
    setNum((prevState) => prevState + 1);
    alert("add clicked")
    }
    function subtract() {
    setNum((prevState) => prevState - 1);
    alert("minus clicked")
    }
    return (

    {num}
    Minus
    Add

    );
    }
    export default UseEffectTest;

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

    Great Great Great video

  • @vrushantdomde1070
    @vrushantdomde1070 4 роки тому

    Thanks bro for such wonderful videos, God bless You

  • @myselfsohit
    @myselfsohit 4 роки тому +3

    enjoying a lot ...pls do more upload to take this playlist in the next level

  • @shubhamsaxena7940
    @shubhamsaxena7940 3 роки тому +4

    It was nicely explained. Thanks. Can you please tell me what are the extensions you are using from marketPlace for your vscode

  • @jatinmeher3485
    @jatinmeher3485 4 роки тому

    Please advance Level video ..

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

    thnxx bro it helps a lot

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

    great tuturiol bom guyz

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

    Great Video!

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

    very good describe sirr..
    😄

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

    nice level of understandng thanks dear

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

    Bhai , tu mahan hai
    in angreji chhoro se padh ke koi faydna nhi .... itni layman term me koi nhi smjhayega

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

    sir awsome thanks a lot

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

    Your video encourage me a lot about react js. I am learning and also doing some practical projects on it.

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

    Very nicely explained

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

    comonentWillUnmount wala part bhi samjha dete sir , aapse hi samaj aata hai

  • @anishsingh293
    @anishsingh293 4 роки тому +1

    Awesome Video Guruji, one request "project using authentication and payment"

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

    you are a react rockstar

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

    You are gem buddy

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

    Great Video

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

    Thank you bhai really

  • @sadekurrahman4086
    @sadekurrahman4086 4 роки тому +1

    Sir, choose websites and show us where all these concept have been used, please. We will know how to relate things.

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

    Just perfect video

  • @Mandeepsingh-jo5cf
    @Mandeepsingh-jo5cf 2 роки тому

    thank you so much!

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

    Thanks for this video.

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

    Nice explanation

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

    Thank you 🙏🏻

  • @KutubuddinAnsari-jw5pw
    @KutubuddinAnsari-jw5pw Рік тому

    thanks for explain

  • @fallofmanbrand
    @fallofmanbrand 4 роки тому

    amazing video

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

    Awesome 👌

  • @vishwasyadav6775
    @vishwasyadav6775 4 роки тому

    Maza aagya bhaiya 😀👍

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

    I am not expert but As per my understanding....useEffect will be called after every render, to avoid this we are passing an empty array... But to call this on particular state change we are passing for ex. num in array so useEffect will be called only when there is an update in num state? Is that correct?

  • @EnglishGuruBond
    @EnglishGuruBond 4 роки тому

    Explained well

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

    Love you sensei

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

    Your Awesome Man! 👍🏻🥰

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

    But you teach very well ... 😅

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

    thanks n subscribed

  • @sauravkumar-dv6zr
    @sauravkumar-dv6zr 3 роки тому

    Sir,if I have learnt hooks functional components then it is neccessary to learn class components as well?

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

    thank you so much sir

  • @AbdulSamad-bq9yo
    @AbdulSamad-bq9yo Рік тому

    itni zor sa type krta ho guru gi Maa Behn kar daita ho ga Keyboard ki hahahaha. Loved your video

  • @arpanpramanik6845
    @arpanpramanik6845 4 роки тому +1

    what to do if i don't need that alert while reloading the page.only need to see on button click.

  • @webcode6071
    @webcode6071 4 роки тому

    Thank you so much ❤️

  • @ashishgupta7849
    @ashishgupta7849 4 роки тому

    iska use hamlog preloader ya fir jab user first time website per visit kare tab koi msg show karne me kar sakte h👌

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

    Pafect video

  • @prashantmaitra3361
    @prashantmaitra3361 4 роки тому +2

    please make twitter clone using react and also firebase tutorial..

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

    awesome

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

    Please help: main nextjs mei ekbar console.log likh raha hoon but wo 2 bar console ho raha hai... kya kare ?

  • @thecoderraj3777
    @thecoderraj3777 4 роки тому

    Thanks Sir :)

  • @reroyallover9169
    @reroyallover9169 2 місяці тому +1

    🎉

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

    Sir Actually i am making Project and my tech stack is react and js i am getting stuck is that i am showing multiple card using map but every cards have like and unlike button but when i clicked any like so increment whole card likes button and any specific card like so how i can do???

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

    Even if I add "num" inside array of useEffect it still shows alert 2 times after refreshing the page? why is it behaving like this?

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

    I have tried running the code you have discussed here but it is working as it is working in your pc why so?