ReactJS: 3 Ways Components Passes Data (Complete Tutorial w/ Demo)

Sdílet
Vložit
  • čas přidán 18. 06. 2022
  • In this video we will explore the 3 ways to pass data between components in ReactJS which are the following:
    1. Parent to Child component
    2. Children to Parent component
    3. Children to Children component
    Code: codepen.io/collection/xKqoMB
    Next recommended video: • 5 Ways To Style ReactJ... (5 Different Ways To Style ReactJS Apps)

Komentáře • 26

  • @ASoftwareEngineer
    @ASoftwareEngineer  Před 2 lety +1

    Next recommended video: czcams.com/video/24iJhakfIcQ/video.html (5 Different Ways To Style ReactJS Apps)

  • @romyt9816
    @romyt9816 Před 4 měsíci +1

    Extremely clear the concept of props bottom-up, I really grasp it thanks to your video.

  • @user-gp6kp1jp4t
    @user-gp6kp1jp4t Před 8 měsíci +4

    very short, and clearly video i have ever seen thanks bro!

    • @ASoftwareEngineer
      @ASoftwareEngineer  Před 8 měsíci

      You're welcome! Tried to edit heavily so video is as concise as possible. Thanks for the comment.

  • @lindam9848
    @lindam9848 Před 6 měsíci +2

    This short video gave me a hope to keep learning react. Deep thanks for.

    • @ASoftwareEngineer
      @ASoftwareEngineer  Před 6 měsíci +2

      Glad it was helpful! I would say build small apps and try to pass around data.
      1. Parent to child
      2. Child to Parent
      3. Sibling to Sibling
      Do this couple times and you will get it. If you get lost, re-watch the video again. You will get it with enough mentality and practice. You got this!

  • @wasiuadekunle8980
    @wasiuadekunle8980 Před rokem +9

    Exactly what i'm looking for, very informative

    • @ASoftwareEngineer
      @ASoftwareEngineer  Před rokem

      glad to see this video helpful! thanks for the comment, means a lot to this channel. ❤️👍

  • @sumanthachark
    @sumanthachark Před 4 měsíci

    Great video!

  • @aartikadam1461
    @aartikadam1461 Před rokem +1

    such a Good Content ,Thanks☺

  • @TechExplorer-mw7xn
    @TechExplorer-mw7xn Před rokem +1

    Thanks :)

  • @ashokkumar-br6bj
    @ashokkumar-br6bj Před 2 lety +1

    Superb sir.

    • @ASoftwareEngineer
      @ASoftwareEngineer  Před 2 lety

      thank you very much Ashok for the kind words! this gets me motivated and happy. 🤙🏻😉

    • @ashokkumar-br6bj
      @ashokkumar-br6bj Před 2 lety +1

      @@ASoftwareEngineer
      It's nothing actually. You are so talented sir. Keep going sir. You will be top on the comming next 3 year's. Thank you sir

    • @ASoftwareEngineer
      @ASoftwareEngineer  Před 2 lety +1

      @@ashokkumar-br6bj thank you! will create more vids like soon. 👏🏻🤓

  • @ronaldwerk4007
    @ronaldwerk4007 Před 3 měsíci +1

    what editor u use here?

  • @VisheshPawar-ew9nx
    @VisheshPawar-ew9nx Před 3 měsíci +1

    it shows callback is not a function

    • @ASoftwareEngineer
      @ASoftwareEngineer  Před 3 měsíci

      here is the collection i used so you can see the difference between your code and mine - codepen.io/collection/xKqoMB

    • @ASoftwareEngineer
      @ASoftwareEngineer  Před 3 měsíci

      here is the collection of what I have done for the video - codepen.io/collection/xKqoMB
      you can compare what you have vs mine and you should be able to spot quickly