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

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ต.ค. 2024
  • 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/col...
    Next recommended video: • 5 Ways To Style ReactJ... (5 Different Ways To Style ReactJS Apps)

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

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

    Next recommended video: th-cam.com/video/24iJhakfIcQ/w-d-xo.html (5 Different Ways To Style ReactJS Apps)

  • @romyt9816
    @romyt9816 6 หลายเดือนก่อน +1

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

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

      Glad it helped! Thanks for dropping a comment. ❤️

  • @Serdar-h8e
    @Serdar-h8e 10 หลายเดือนก่อน +5

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

    • @ASoftwareEngineer
      @ASoftwareEngineer  10 หลายเดือนก่อน

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

  • @wasiuadekunle8980
    @wasiuadekunle8980 ปีที่แล้ว +9

    Exactly what i'm looking for, very informative

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

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

  • @lindam9848
    @lindam9848 8 หลายเดือนก่อน +2

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

    • @ASoftwareEngineer
      @ASoftwareEngineer  8 หลายเดือนก่อน +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!

  • @VisheshPawar-ew9nx
    @VisheshPawar-ew9nx 5 หลายเดือนก่อน +1

    it shows callback is not a function

    • @ASoftwareEngineer
      @ASoftwareEngineer  5 หลายเดือนก่อน

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

    • @ASoftwareEngineer
      @ASoftwareEngineer  5 หลายเดือนก่อน

      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

  • @mr.RAND5584
    @mr.RAND5584 หลายเดือนก่อน

    Is there nested callback?

  • @ronaldwerk4007
    @ronaldwerk4007 5 หลายเดือนก่อน +1

    what editor u use here?

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

    such a Good Content ,Thanks☺

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

    Great video!

  • @TechExplorer-mw7xn
    @TechExplorer-mw7xn ปีที่แล้ว +1

    Thanks :)

  • @ashokkumar-br6bj
    @ashokkumar-br6bj 2 ปีที่แล้ว +1

    Superb sir.

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

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

    • @ashokkumar-br6bj
      @ashokkumar-br6bj 2 ปีที่แล้ว +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  2 ปีที่แล้ว +1

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