useEffect Hook in React JS in Hindi in 2020 #54

Поділитися
Вставка
  • Опубліковано 13 чер 2020
  • Welcome, what is UseEffect in React Hooks in Hindi?
    ************ Must Watch Videos For Web Development ************
    ➡️ Hooks in React JS in Hindi | useState in Hook in React JS: • #30: Hooks in React J...
    ➡️ Array Destructuring in ES6 in JavaScript in Hindi 2020: • ES6 Tutorial #5: Array...
    ➡️ Object Destructuring in ES6 in JavaScript in Hindi: • ES6 Tutorial #7: Objec...
    ➡️ React DevTools & Source Code Link: www.thapatechnical.com/2020/0...
    ➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: • React JS Tutorial in H...
    ➡️ ReactJS JavaScript Array Map Method in Hindi with Example: • ReactJS JavaScript Arr...
    ➡️ Fat Arrow Function in JavaScript in Hindi 2020: • ES6 Tutorial #8: Fat A...
    ➡️ #23: Array in React JS in Hindi | React JS Project Netflix App #2 in Hindi in 2020
    ➡️ Array in JavaScript in Hindi: • JavaScript Tutorial in...
    ➡️ #22: 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 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...

КОМЕНТАРІ • 175

  • @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 2 роки тому +13

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

  • @RaniKamat-ob6lm
    @RaniKamat-ob6lm 8 місяців тому

    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.❤️

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

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

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

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

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

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

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

  • @adwetanurag
    @adwetanurag 11 місяців тому +2

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

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

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

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

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

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

    Best In Hindi segments thank you sir 🎉

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

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

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

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

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

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

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

    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!!

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

    Thank you so much explained in easy way 👍

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

    your teaching method awesome and very easy to understand

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

    Thanks bro for such wonderful videos, God bless You

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

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

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

    Great Explanation sir!! Thank you so much!!

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

    Very well explained, difficult concept in simple way thanks

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

    Thank you soo much thapa sir....

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

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

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

    you are really a awasome teacher

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

    the best explanation on youtube

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

    Thankyou sir finally concept clear

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

    Bohot hi umdaa ❤️❤️

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

    Best explained 💯✌🏻

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

    Simply it gives information about use state function

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

    your css is really amazing

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

    you are genius sir lot of lern for you

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

    Thank you so much brother...

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

    its an amazing video with amazing and simple explanation

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

    Your teaching is awesome

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

    Mast Explanation 🔥

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

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

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

    Thanks for this video.

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

    thnxx bro it helps a lot

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

    good job THAPA Nepali gorkha proud of your explainantion.

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

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

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

    Thank you so much ❤️

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

    sir awsome thanks a lot

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

    osm video with basic funda

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

    Thank You Sir!

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

    thank you so much!

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

    Great Great Great video

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

    nice level of understandng thanks dear

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

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

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

    Just perfect video

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

    VERY GOOD EXPLAINATION

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

    Thank you bhai really

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

    Thank you 🙏🏻

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

    Superb... Kadak

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

    Great Video!

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

    Nice lecture.

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

    Maza aagya bhaiya 😀👍

  • @roguesecurity
    @roguesecurity 3 роки тому +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

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

    great tuturiol bom guyz

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

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

    thank you so much sir

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

    very good describe sirr..
    😄

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

    thanks for explain

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

    You are gem buddy

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

    Very nicely explained

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

    Please advance Level video ..

  • @Motivational_talks
    @Motivational_talks 4 місяці тому

    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

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

    Explained well

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

    Great Video

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

    Million times better than paid course Love.

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

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

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

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

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

    Thanks Sir :)

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

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

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

    Nice explanation

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

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

    Awesome 👌

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

    amazing🔥

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

    Superb 🥰

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

    Love you sensei

  • @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 💐🙏

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

      componentDidMount

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

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

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

    you are a react rockstar

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

    kmaal

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

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

    thanks n subscribed

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

    amazing video

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

    Pafect video

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

    the best

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

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

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

    awesome

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

    How can we do event handling using react hooks.. something like when user clicks in compA but it should update main component..please let me know. Thank you in advance

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

    Aahaan 🌝

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

    Wow

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

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

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

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

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

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

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

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

  • @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;

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

    Good job bro . But cant we remove that alert popping first time when page loads . Any idea on that ?

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

    What if I don't want to on anything on initial render but only when the button is clicked?

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