🔴 #12: React useEffect Hook in Hindi in 2021

แชร์
ฝัง
  • เผยแพร่เมื่อ 16 ก.ย. 2024

ความคิดเห็น • 111

  • @ThapaTechnical
    @ThapaTechnical  3 ปีที่แล้ว +6

    Hope you love the Video 😍 Check my Instagram to Contact me: instagram.com/vinodthapa55
    ✅ JavaScript in Hindi in 16Hours: th-cam.com/video/KGkiIBTq0y0/w-d-xo.html
    ✅ Spread Operator: th-cam.com/video/8TT2gK0u2QQ/w-d-xo.html
    ✅ React Hooks in Hindi in 2021: th-cam.com/play/PLwGdqUZWnOp0ningKFp1aslpZkCDAzML8.html

    • @JohnDoe-ej6vm
      @JohnDoe-ej6vm 3 ปีที่แล้ว

      Sir kindly react native per bata dain k ap ka plan hy ya nahi ?

    • @anjalichauhan5169
      @anjalichauhan5169 2 ปีที่แล้ว

      At 12:44, line 16-17 it's not functional update right?
      (count)=>{count+1}

    • @neerajverma2492
      @neerajverma2492 ปีที่แล้ว

      form validation part 11 kaha hai bhai ??

  • @abhishekvishwakarma9045
    @abhishekvishwakarma9045 3 ปีที่แล้ว +7

    10:06 I think that's because of the Event loop in JS as useEffect stays in callback/task queue until the stack is free 👍

  • @Saurav_100rav
    @Saurav_100rav 3 ปีที่แล้ว +20

    Kaun kaun react-native sikhne ke liye thapa sir se ReactJS seekh raha hai because both are 90% same.

    • @JohnDoe-ej6vm
      @JohnDoe-ej6vm 3 ปีที่แล้ว +3

      Pehly mujy react mushkil lgti thi lakin thapa sir ka channel mila to sb easy hogya

    • @bhanusingh5696
      @bhanusingh5696 ปีที่แล้ว

      @@JohnDoe-ej6vm Mujhe Bhi Thapa Sir React M Bhut Help Mili hai..

  • @parbezbarbhuiya7009
    @parbezbarbhuiya7009 3 ปีที่แล้ว +12

    Make a tutorial on redux and next.
    Also make a qna video explaining how you have learned or learning all those languages and frameworks. And for those awesome videos thank you.

    • @Saurav_100rav
      @Saurav_100rav 3 ปีที่แล้ว +1

      Mai bhi bahut baar QnA ke liye request kiya hu

  • @sanket3332
    @sanket3332 2 ปีที่แล้ว +2

    BEST BRO BEST PURA SAMAJ AA GYA !!! THAPA OP!!!

  • @AbhishekMishra-gr5zk
    @AbhishekMishra-gr5zk ปีที่แล้ว +1

    what an outstanding way of teaching thapa sir hats off to you.🤩🤩

  • @royaljkboss1185
    @royaljkboss1185 6 หลายเดือนก่อน

    you are the best teacher more then hitesh chaudhary app hindi me samjate ho or aaple bolne ka trika bhi acha hai
    app itna acha pedate ho ki non-IT background wala students easy pad sekta hai appse

  • @thinkingmad1685
    @thinkingmad1685 3 ปีที่แล้ว

    Sir tbh no one teach react in hindi that too this well thank you very much

  • @ashishsingla4697
    @ashishsingla4697 3 ปีที่แล้ว +1

    awesome tha bro ... pls ek request hai ek real world project ki puri series start krdo.

  • @noobCoder26
    @noobCoder26 3 ปีที่แล้ว

    Thapa bhaiyaa is the best teacher

  • @luckyv7597
    @luckyv7597 11 หลายเดือนก่อน

    Thank you . its really very helpful to us.

  • @nitikakansal6689
    @nitikakansal6689 3 ปีที่แล้ว

    Thank you sir for such good videos. You make things very easy to understand which can be used in real world projects.

  • @BalconyMakeoverIdeas
    @BalconyMakeoverIdeas 3 ปีที่แล้ว

    Bhut hi badiya samzya bhai maza aagya

  • @Sksahu_123
    @Sksahu_123 ปีที่แล้ว

    perfect video perfect playlist thanks thapa ji

  • @usmanrana8427
    @usmanrana8427 2 ปีที่แล้ว

    Best Explanation on UseEffect, thanks.

  • @omeshdewangan3352
    @omeshdewangan3352 3 ปีที่แล้ว +1

    Awesome Sir.
    Sir Aur Example Lao Sir useEffects Me.

  • @gureshabajaj6266
    @gureshabajaj6266 3 ปีที่แล้ว +1

    Sir please make tutorial on REDUX as well.

  • @jeelpatel8827
    @jeelpatel8827 3 ปีที่แล้ว +1

    Thanks a lot for this amazing video...

  • @meetpatel8751
    @meetpatel8751 2 ปีที่แล้ว

    1 number laga video

  • @JohnDoe-ej6vm
    @JohnDoe-ej6vm 3 ปีที่แล้ว

    Sir bohat acha parhaty hain app. Thanks

  • @ManishaSingh-dc3ie
    @ManishaSingh-dc3ie 26 วันที่ผ่านมา

    Wow ❤

  • @muhammadadil2959
    @muhammadadil2959 ปีที่แล้ว

    good explanation

  • @arunyogi4437
    @arunyogi4437 2 ปีที่แล้ว +1

    osam

  • @ayushnigam9424
    @ayushnigam9424 ปีที่แล้ว

    Thank-you for such an amazing video :)

  • @mohammed-rahil
    @mohammed-rahil 3 ปีที่แล้ว

    Your my teacher ❤️❤️❤️

  • @xeon789
    @xeon789 ปีที่แล้ว

    thanks a lot really nice explanation.

  • @funterban6536
    @funterban6536 ปีที่แล้ว

    thank for this video i want more example on it please cover more topics on useEffect and useRef thankyou sir very much

  • @rajbannasa7662
    @rajbannasa7662 2 ปีที่แล้ว

    Thank you so much sir ❤️

  • @calmyourmind5617
    @calmyourmind5617 2 ปีที่แล้ว

    What an explanation...😍😍😍😍😍😍

  • @prasadberbalaje6767
    @prasadberbalaje6767 2 ปีที่แล้ว

    awesome explanation..

  • @sid8854
    @sid8854 3 ปีที่แล้ว +1

    Please create a tutorial on payment interface integration with backend and frontend.
    🙂.(React)

  • @nancyfazal2536
    @nancyfazal2536 3 ปีที่แล้ว

    Well explained...thanks alot

  • @namanverma4818
    @namanverma4818 3 ปีที่แล้ว

    You are awesome sir

  • @avanipatel7344
    @avanipatel7344 3 ปีที่แล้ว

    Make videos on redux as well. How to manage and store states in redux and how to use other components as it becomes global ...nd stuff. !

  • @shwetasonth8407
    @shwetasonth8407 2 ปีที่แล้ว

    Superb sir👏👏👏

  • @RandomVideosOfficial2002
    @RandomVideosOfficial2002 2 ปีที่แล้ว

    awesome

  • @sameermubeen8495
    @sameermubeen8495 3 ปีที่แล้ว

    nice unique video bro keep going

  • @celticspyd5887
    @celticspyd5887 6 หลายเดือนก่อน

    sir i want to know If a customer clicks on order btn to order and the order list should received at the admins page/panel without any database or backend possible?? if yes how sir?

  • @dreamscometrue7554
    @dreamscometrue7554 3 ปีที่แล้ว

    Mast

  • @jhamdare
    @jhamdare 2 ปีที่แล้ว

    Sir main vb main kaam karta hoon lekin react native mein flexgrid manipulation seekhna chahta hoon.

  • @rashmipatil3501
    @rashmipatil3501 3 ปีที่แล้ว

    Thanks a lot for this amazing video.. make redux video plsssss

  • @artworkbysomrita2062
    @artworkbysomrita2062 2 ปีที่แล้ว

    Hi Vinod, I am a Full stack developer with more than 6 years of Experience, JAVA 8 Springboot+React, I currently started working on react, So could You please make video on React interview thoroughly with case studies.

    • @Sahinkasapna
      @Sahinkasapna 2 ปีที่แล้ว

      Didi, are you working in any companies. Is there good scope for full stack devloper in future pls interested in learning web devloptment.

    • @CodeWithDeovrat
      @CodeWithDeovrat 2 ปีที่แล้ว

      @@Sahinkasapna definitely great scope for web dev full stack!! Go on

    • @Sahinkasapna
      @Sahinkasapna 2 ปีที่แล้ว

      @@CodeWithDeovrat thanks bro. I completed my front end development part. Now searching for job would you help me. It will great

  • @JohnDoe-ej6vm
    @JohnDoe-ej6vm 3 ปีที่แล้ว

    Sir react native tutorials pr apka plan hai ?

  • @vijaya7846
    @vijaya7846 3 ปีที่แล้ว

    Hi Vinod, Is any video to explain of real use of HoC using functional Component. Also webpack,Jest and Lazy loading

  • @sidra7089
    @sidra7089 ปีที่แล้ว

    I want to ask a question: you said when page loads our useEffect function must call, then why outside of the useEffect is calling first ''outside of the useffect' then 'useEffects'

    • @mrharshad2000
      @mrharshad2000 ปีที่แล้ว

      kyuki usestate me value me change hone par component bar bar render ho raha hai

  • @TechEtti
    @TechEtti 3 ปีที่แล้ว

    sir try to upload 2 videos per day because i wants to develop website using mern stack in my final year project and i have just 2-3 months...

  • @shahjalalkhan8745
    @shahjalalkhan8745 3 ปีที่แล้ว

    tnx

  • @introvertleader
    @introvertleader 3 ปีที่แล้ว

    Good!

  • @yasinshaikh9823
    @yasinshaikh9823 2 ปีที่แล้ว

    bhot rawas

  • @SnehJoshi19
    @SnehJoshi19 3 ปีที่แล้ว

    When you will start the backend projects?

  • @sanketmane2303
    @sanketmane2303 ปีที่แล้ว

    why to use useeffect when i used "document.title = count" then also it works

  • @swarupdas4114
    @swarupdas4114 ปีที่แล้ว

    const [count, setCount] = useState(0), means the value of count is const, so how we change the value of the count?

  • @decostarkumar2562
    @decostarkumar2562 ปีที่แล้ว

    From where you are geting css , html files ?

  • @whierthy2608
    @whierthy2608 2 ปีที่แล้ว

    the value in the chat is still changing if we use useeffect or not

  • @eepakshrestha391
    @eepakshrestha391 3 ปีที่แล้ว

    Please could you make it full video of websites like one in all.

  • @Somio_
    @Somio_ ปีที่แล้ว

    But i can also be able to change the title without putting count in the useEffect hook (e.g) if you comment the useEffect hook then u will see the result what i want to ask?

  • @PraveenSh-kh5dc
    @PraveenSh-kh5dc 2 ปีที่แล้ว

    Boom boom

  • @Arindam0123
    @Arindam0123 ปีที่แล้ว

    where is the #11 videos. I must need that

  • @Somio_
    @Somio_ ปีที่แล้ว

    But i can also be able to change the title without putting count in the useEffect hook

  • @PankajSharma-vl6pg
    @PankajSharma-vl6pg 3 ปีที่แล้ว

    please make a video or full project on nextjs, material ui with redux

  • @ShivamSingh-su3nz
    @ShivamSingh-su3nz 3 ปีที่แล้ว

    store registration data in api using react make video on it

  • @mohdwasim1647
    @mohdwasim1647 3 ปีที่แล้ว

    sir react me class component bhi explain kardo hamare doubt clear ho jayega..

    • @Saurav_100rav
      @Saurav_100rav 3 ปีที่แล้ว

      Function components class components se better hota h

    • @mohdwasim1647
      @mohdwasim1647 3 ปีที่แล้ว

      @@Saurav_100rav yes i agree, but i just want to learn both concept.

    • @Saurav_100rav
      @Saurav_100rav 3 ปีที่แล้ว

      @@mohdwasim1647 Okk....

  • @talhakhan4423
    @talhakhan4423 2 ปีที่แล้ว

    i am not understanding the need of use effect hook because the feature you add with use effect
    i can also add without useeffect
    below is the code, how i can do without useffect
    import {useEffect, useState} from 'react';
    function App() {
    const [count, setCount] = useState(0);
    const abc = ()=>{
    document.title = count;
    }
    abc();
    return (

    {count}
    setCount(count+1)}>Click me

    );
    };
    export default App;

    • @ThapaTechnical
      @ThapaTechnical  2 ปีที่แล้ว +1

      Yes, you are correct.. But I highly recommend watching the other part of useeffect bcz we have dependency arrays and clean up functions too in it.. which is awesome and also we perform side effects too..
      Also,
      Let's imagine you have 3 useState in a program.. in each state change the component will re render.. and your function will be called in it too.
      what if I want to update the count in the document only when my count state var. gets updated not the other two then how to perform without useEffect

    • @talhakhan4423
      @talhakhan4423 2 ปีที่แล้ว

      @@ThapaTechnical yes sir now I have watched the other parts of uaeefect hook
      Now I understand the advantage of useEffect hook 😂
      Thank you so much for your help 💯

  • @divyaparmar3351
    @divyaparmar3351 3 ปีที่แล้ว

    sir agar ham document.title = `Chats (${count})` ko useeffect ke bahar v likhte hai to , result achieve ho rha hai

  • @NoumanKhan-ck7vx
    @NoumanKhan-ck7vx 2 ปีที่แล้ว

    => this arrow extension please

  • @syit202-vikaschauhan9
    @syit202-vikaschauhan9 3 ปีที่แล้ว

    Boom guys

  • @palashsardar1629
    @palashsardar1629 3 ปีที่แล้ว

    Sir hooks ka upar real project chahiye.

  • @nagendragude8192
    @nagendragude8192 2 ปีที่แล้ว

    import React, { useEffect, useState } from "react";
    const UseEffect1 = () => {
    const [first, setfirst] = useState(0);
    // useEffect(() => {
    // document.title = `c ${first}`;
    // console.log("bye");
    // });
    const fun = () => {
    setfirst(first + 1);
    document.title = `c ${first}`;
    console.log(first);
    };
    console.log("hello");
    return (
    UseEffect1
    See title

    );
    };
    export default UseEffect1;
    its working in functional component also

  • @kiranjoshi893
    @kiranjoshi893 2 ปีที่แล้ว

    Hi,
    I'm facing this warning
    index.js:1 Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function

  • @roadtoroad9374
    @roadtoroad9374 3 ปีที่แล้ว

    Multi input field video is need

  • @ASLearningPoint
    @ASLearningPoint 3 ปีที่แล้ว

    I'm saif ur rehman from pakistan , please make video on e-commence web development using PHP .. I'm wating bro ..

  • @jhs003
    @jhs003 ปีที่แล้ว

    Video starts at 6:07

  • @neerajverma2492
    @neerajverma2492 ปีที่แล้ว

    form validation part 11 kaha hai bhai ??

  • @divyaparmar3351
    @divyaparmar3351 3 ปีที่แล้ว

    then why use useeffec here?

  • @anime__ash
    @anime__ash 2 ปีที่แล้ว

    Aise bhi code same he kaam kr rha h to useEffect ka kaam he kya aya?
    import "./App.css";
    import React, { useState } from "react";
    function App() {
    const [count, setcount] = useState(0);
    document.title = `Chat (${count})`;
    return (

    {count}
    {
    setcount(count + 1);
    }}
    >
    Click me


    );
    }
    export default App;

  • @dineshasekar6918
    @dineshasekar6918 3 ปีที่แล้ว

    how to add a chat box in our website

  • @prabhatlall5634
    @prabhatlall5634 3 ปีที่แล้ว

    Document.title= "Chats (${count})" is not working
    All shown as string in title
    Help please

  • @TechEtti
    @TechEtti 3 ปีที่แล้ว

    how many more videos to be uploaded

  • @swetapaul3627
    @swetapaul3627 2 ปีที่แล้ว

    I need help on my project.. stuck on one thing since a long time.. please can anyone help? Please!

  • @omkargharat8391
    @omkargharat8391 2 ปีที่แล้ว

    13:10

  • @theknowledgeabroad676
    @theknowledgeabroad676 3 ปีที่แล้ว

    Error: Failed to lookup view "index" in views directory "C:\Users\Ashutosh kumar\Desktop\MernBackend\src"
    at Function.render (C:\Users\Ashutosh kumar\Desktop\MernBackend
    ode_modules\express\lib\application.js:580:17)

    • @theknowledgeabroad676
      @theknowledgeabroad676 3 ปีที่แล้ว

      plzz resolve this. I connect this page index.hbs to backend

  • @sonammalik17
    @sonammalik17 ปีที่แล้ว

    but the same thing is happening still i didn't use "useEffect" 🤔

  • @saroshahmed7097
    @saroshahmed7097 3 ปีที่แล้ว

    Sir part 11 is missing

  • @ertuntunyadav297
    @ertuntunyadav297 3 ปีที่แล้ว

    I want to code bro for Full vídeo react ka

  • @najmashaikh2660
    @najmashaikh2660 ปีที่แล้ว

    React js hooks all effect sent me

  • @abhishekdambe8796
    @abhishekdambe8796 2 ปีที่แล้ว

    Count ki spelling wrong hai

  • @siddheswartikambare3444
    @siddheswartikambare3444 2 ปีที่แล้ว

    awesome

  • @najmashaikh2660
    @najmashaikh2660 ปีที่แล้ว

    React js hooks all effect sent me