#31: Why You Need to Lifting State Up in React: A Complete Guide with Animation

Поділитися
Вставка
  • Опубліковано 25 січ 2025

КОМЕНТАРІ • 87

  • @ThapaTechnical
    @ThapaTechnical  7 місяців тому +1

    🔥 Access PPT & Notes here : www.thapatechnical.com/2024/06/why-you-need-to-lifting-state-up-in.html
    🔥 Access Free Source Code & PPT here : github.com/thapatechnical/react-19-series-thapa-technical
    📺 Discover React.js History in Just 10 Minutes - ua-cam.com/video/MiK2bFqhg1U/v-deo.html
    📺 Watch the complete Playlist here : ua-cam.com/play/PLwGdqUZWnOp1Rab71vx2zMF6qpwGDB2Z1.html

  • @arhamkhan9726
    @arhamkhan9726 7 місяців тому +7

    Thapa Technical always provides the latest tutorials and teaches us in a very effective way, making him one of the finest educators on UA-cam.

  • @ajaydevkar3476
    @ajaydevkar3476 9 днів тому +1

    Nice teaching style and indepth explanation

  • @subratasadhukhan2161
    @subratasadhukhan2161 7 місяців тому +5

    This React 19 tutorial course is awesome❤🧡💛💚💙💜

  • @vikashanand2190
    @vikashanand2190 5 місяців тому +2

    This is a fantastic series.
    I love it so much...

  • @khagendragurung5877
    @khagendragurung5877 6 місяців тому +1

    Awsom bhai no other videos has this kind of content.

  • @aniketpaul5334
    @aniketpaul5334 5 місяців тому +3

    Explaining Level 📈 top notch
    Respect Sir 999999+ ❤‍🔥

  • @saeemzaman8977
    @saeemzaman8977 5 місяців тому +1

    Explaining Level top notch
    Respect Sir .

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

    Clear the concept....Thank you sir🥰

  • @UjjwalSharma385
    @UjjwalSharma385 Місяць тому +1

    amazing content

  • @arjunbarman3014
    @arjunbarman3014 2 місяці тому

    Awesome Video 👌

  • @RajeshPadhi-r2j
    @RajeshPadhi-r2j 2 місяці тому

    A good Explaining Level .

  • @dineshshinde2116
    @dineshshinde2116 Місяць тому

    Grasp things -
    Lifting State up - It is the process in which when the two sibling want to share the same data / state at that time the data or state is moved to the parent so that the parent can give them the data (share the data) in the form of the props, this concept is known as the lifting state up.

  • @AqsaMumtaz-gc4bm
    @AqsaMumtaz-gc4bm 7 місяців тому

    Thank you sir for this great React js series

  • @MDARIFSIKDER-n7b
    @MDARIFSIKDER-n7b 4 місяці тому

    Best course sir❤❤❤❤❤

  • @GauravSingh-id2mf
    @GauravSingh-id2mf 7 місяців тому

    thanku . first time understood ... why have stopped your 100days javascript interviews questions ??give reply .dont stopped .because we have need more

  • @mdmostafizurrahman9275
    @mdmostafizurrahman9275 3 місяці тому

    "Lift state up" is a concept in React that refers to moving the state from a child component to a parent component. This is useful when multiple components need to share the same state or when a child component needs to communicate changes to the parent.
    _____Why Do We Need to Lift State Up?______
    Shared State: When two or more child components need to access the same piece of state, lifting that state to the parent component allows all the children to access and update it.
    Single Source of Truth: It helps maintain a single source of truth for the state, making it easier to manage and debug.
    Better Control: By lifting state up, the parent component can have better control over the child components, managing their state and behavior from a central place.

  • @amanqureshi2001
    @amanqureshi2001 4 дні тому

    very good sir

  • @MuhammadYousaf-tl2mn
    @MuhammadYousaf-tl2mn 2 місяці тому

    very awesome videos

  • @mdmostafizurrahman9275
    @mdmostafizurrahman9275 3 місяці тому

    Nice love from Bangladesh.

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

    bhai aj pahli bar smjha m asli m kya h ye ..baki kitni videos dekhi thanks bro...make a NEXT JS course also bro.

  • @RashmiGharate-wm7bk
    @RashmiGharate-wm7bk Місяць тому

    sir muze console pe component wala option nahi dikhayi de raha

  • @AkshatGoyal-b5o
    @AkshatGoyal-b5o 4 місяці тому

    how can we update props in inputcomponet while the props are read only....??

  • @MohammadAarifKhan-mj8lr
    @MohammadAarifKhan-mj8lr 7 місяців тому

    thank you so much sir for React v19 series

  • @Deeptiharshkla
    @Deeptiharshkla 7 місяців тому

    This react 19 tutorial is best ❤❤

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

    keep making such awesome videos

  • @Hamzalodhi-2025
    @Hamzalodhi-2025 6 місяців тому

    Good Series.👍👍👍👍

  • @rizwanullah6304
    @rizwanullah6304 4 місяці тому +1

    Sir How you get component tab in developer mode kindly tell me if know any one

    • @Br0_CoDeS
      @Br0_CoDeS 4 місяці тому +1

      React developer tool chrome extension

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

      ​@@Br0_CoDeSThanks

  • @harshad6033
    @harshad6033 3 місяці тому

    best react course

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

    15:29 sir component mara vi hai but kaha sa aa gaya pata nahi 😢

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

      React developer tool chrome extension

  • @sushmapatil1209
    @sushmapatil1209 Місяць тому

    hello sir i want to components in console window?

  • @SupriyoGhorui-j3d
    @SupriyoGhorui-j3d 5 місяців тому

    understood very well

  • @vijendrasharma1375
    @vijendrasharma1375 7 місяців тому

    ❤👍🏻 useful information

  • @VPatil33
    @VPatil33 7 місяців тому

    superrrrrr explaing ❤

    • @legendaizy482
      @legendaizy482 7 місяців тому

      You have to study more and more

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

    bhai aap best ho aise hi pad😍😍😍hao aap

  • @SweetSakhi-x5u
    @SweetSakhi-x5u 4 місяці тому +1

    Component kaha se download karna hain

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

      React developer tool chrome extension..... install chrome extension from google

  • @jitenderyadav4606
    @jitenderyadav4606 7 місяців тому +2

    pls share component chrome extension

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

      React developer tool chrome extension

  • @xyonxyt9170
    @xyonxyt9170 7 місяців тому

    Vai plz app thoda react ka roadmap vi share karte to bohut accha lagta

  • @xyonxyt9170
    @xyonxyt9170 7 місяців тому

    Nice sir..

  • @sanjibchanda21
    @sanjibchanda21 7 місяців тому

    Thanks sir ❤

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

    in animation use dark mode. so it can easy to watch

  • @IlyasRahman00
    @IlyasRahman00 3 місяці тому

    React Component Extension: install this extension from chrome automatically work for developer.

  • @shaktisumantdas7997
    @shaktisumantdas7997 5 місяців тому

    the concept you taught about lifting state is correct. But example is not actually lifting state up its prop drilling. you are not lift state from child to parent. you directly move state to parent and then passing props to children

    • @safayetthe1savage608
      @safayetthe1savage608 5 місяців тому

      That's why it's called lifting state up send the state to the nearest component

  • @hamudxd9497
    @hamudxd9497 7 місяців тому

    Good❤

  • @tusharkutre188
    @tusharkutre188 7 місяців тому

    Bhai , please create a full stack Netflix clone in this series

  • @SYEDMUZAMILHUSNAINSHAHBUKHARI
    @SYEDMUZAMILHUSNAINSHAHBUKHARI Місяць тому

    love from pakistan

  • @legendaizy482
    @legendaizy482 7 місяців тому +4

    O sir excuse me this is not lifting state up because React JS doesn’t have the ability of lifting state up 😂 . This is called props drilling .👏

    • @legendaizy482
      @legendaizy482 7 місяців тому

      I wonder at first place while seeing a thumbnail and then think that may be React update himself in v19 series and add the ability of lifting state up but really sorry if you hurt this is not lifting state up method m.

    • @owaisnadeem2751
      @owaisnadeem2751 7 місяців тому +1

      @@legendaizy482 first of all you have to use itself in place of himself . React JS tmhara chota bhai nhi hay . The second thing is that Thapa Technical jo keh rhay hain sahi keh rahay hain , Tum gyan mat pelo faaktu ka , or message roman may likh diya karo , magar himself na bnaya kro react js ko

    • @legendaizy482
      @legendaizy482 7 місяців тому

      @@owaisnadeem2751 hehehe nice mind ok brother I have no issue I already learned and work at Us company as a senior developer if you happy with wrong concept then I have no issue. But brother atleast you to search once about react lifting up state method you will never see any search result about this type of query.

    • @ashishkumar-jo7cj
      @ashishkumar-jo7cj 7 місяців тому

      ​@@owaisnadeem2751i think @legendaizy482 bhai shi keh rhe hai react me maine bhi lifting the state up concept nhi padha hai or rhi baat prop drilling ki to bhai drill bahar se ander ki or hoti h yhi sense bnta h isliye jab prop parent to child transfer ho rhe h nested level tak to Prop drilling concept create hota h or ha child to parent talk ko i think event bubble up method kehte hai jisme child method ki help se parent tak change data ko transfer krta hai.

    • @sachinkhatri1077
      @sachinkhatri1077 7 місяців тому

      ​@@legendaizy482Bro i have a question if possible please reply. Can't we use InputValue component's value as prop in DisplayValue and render it on display? Why do we need to declare it on App.jsx ?

  • @HEMANTKUMAR-wx6yv
    @HEMANTKUMAR-wx6yv 7 місяців тому

    ❤❤❤❤❤

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

    ♥♥♥

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

    Ek child se dusre child bolne se behtar hain Sibling bol dete sir G to samajhne me aur asan hota.

  • @Faizan_Iqbal07
    @Faizan_Iqbal07 7 місяців тому

    ❤❤

  • @rishiraj2548
    @rishiraj2548 7 місяців тому

    😎👍

  • @jagdishjena9058
    @jagdishjena9058 16 днів тому

    ▌║█║▌│║▌│║▌║▌█║Thank you so much sir. ▌│║▌║▌│║║▌█║▌║█ 🎲🎲🎲🎲 (9-1-2025)

  • @sachinkhatri1077
    @sachinkhatri1077 7 місяців тому

    Hello sir i have a question. Kya hum InputValue component ki value as a props DisplayValue me pass kr ke InputValue component ka data render nhi kr skte h ? Fir hume InputValue component ke useState method ko App.jsx me declare krne ki jrurt nhi pdegi.

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

    clear

  • @Harshal-dk2kr
    @Harshal-dk2kr 4 місяці тому

    bhai main already apko do account se subscribe karke hu