React JS Functional Components | Learn ReactJS

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 ต.ค. 2024

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

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

    In this tutorial, you will learn how to create functional components in React. Modern React applications are built with reusable functional components. This is one of the first steps in learning how to build your own applications with React. If you are just starting out with Javascript, I recommend learning from my full 8 hour Javascript tutorial first: th-cam.com/video/EfAl9bwzVZk/w-d-xo.html

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

    Thanks so much for doing these! I'm doing a full stack project at the moment, with working knowledge of React, but when I get screwy in my head I like to go back and re-cover the basics. This has been perfect so far. Really appreciate you putting the time in.

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

    Thanks a lot, Dave!
    Your explanation is always so clear!
    Also appreciate the pace. Trying to switch from Jekyll to React and this series is exactly what I need 👏🏼💪🏼🙏🏼

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

    Thank you for making these tutorials free. May you continue to do tutorials and examples that are commercial and production standards, that's what most other content creators of coding tutorials are lacking. Again thank you so much

  • @Clash-Roblox
    @Clash-Roblox ปีที่แล้ว +1

    I'm not lying, but watching the course that I was bought on Udemy is misunderstand since the introduction to React. Instead, watching this course on TH-cam with a very clear and kindness lecturer, I can get it all so easy.

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

    Great content!. After successfully deploy a Next + mdx blog following your tutorial, now I feel I need start learning IN DEPHT the basics... what is a long journey in my forties. Thanks!

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

    Hands down best React Tuts on youtube! thanks a lot

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

    2:08 cmd + shift + R on Mac to search snippet, can also just type "_rafce" and hit enter in the file.

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

    Thank you, I like the explanation,
    on windows: just type "rafce" in the Header.js file, it will give you the same result.

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

    wonderful tutorial, happy to let you know that it has helped me to understand a lot in less then 10min

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

    Wow! You made that looked easy. Thanks.

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

    Thanks a lot, I'm really learning React now, even for a non native english speaker.

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

    this is a step forward for me things are more learer another w let's move to the next video

  • @Lala-qh3wl
    @Lala-qh3wl 2 ปีที่แล้ว

    First of all , thank you for this tutorial! I have newly started to learn React ,so I have one question: In this video you wrote the code inside App.js , can we write them inside index.js too? Actually, I tried and it worked , that's why I am asking is there any difference? As I understand from your explanation, App.js is the parent one , therefore we must import from it.Is it true?

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

      Index.js is the parent of App.js. We don't usually write much code in Index.js but yes, you can.

  • @ahmad-murery
    @ahmad-murery 3 ปีที่แล้ว

    About the Content component's logics,
    not sure whether or not moving handleNameChange function outside of Content function will make more readable or this might be against React best practice convention,
    I like the pace of this series,
    Thanks Dave,

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

      Good note Ahmad, and I hope all is well my friend. This is a deeper discussion than beginners level, but it will be discussed at some point along with the useCallback hook 😃🚀

    • @ahmad-murery
      @ahmad-murery 3 ปีที่แล้ว

      @@DaveGrayTeachesCode I'm trying to hide that but everything is getting too expensive here,
      I'll try hard to follow this series and thanks once again

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

    Thanks!
    Although...
    CRA is dead, and nee developers should be aware of that.
    Maybe you should recommend your Vite tutorial in the pinned comment.

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

    We can do this with html itself right?
    Then why do we go for this react?

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

    Awesome Explanation bro

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

    awesome series

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

    Hello Dave Will you make a React Native series?

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  10 หลายเดือนก่อน +1

      I want to do that!

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

      @@DaveGrayTeachesCode yess dave! I've learned so much from your channel. Pls take your time and pls make a RN series for us pls❤‍🔥

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

    Will you slowly get into more advanced React concepts too eventually? Would be cool if you did that just like with vanilla JS

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  3 ปีที่แล้ว +4

      Absolutely, and thanks for asking. Like Vanilla JS, I'm starting from zero and building a full beginners course. Afterwards, I'll continue to add more projects and more advanced topics. 🚀

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

      @leodan condori thank you! I sincerely appreciate the kind words 🙏💯

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

    Cool!!! Thnx!!!

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

    Thanks!

  • @amarchinta4463
    @amarchinta4463 7 หลายเดือนก่อน

    why reactjs introduced functional components why the rewrite entire code for functional components ? can u please make a video on that or siimple answer. thank you

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

    oh you are just true teacher

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

    Hello Dave! I'm Kevin :D

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

    Thank you

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

    I will comment on each video that I watch to help you out with the algorithm

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

    Who has watched the complete series and what would you say about it?

  • @ma-ez3zh
    @ma-ez3zh 3 ปีที่แล้ว

    _rafce is fantastic. Thanks!

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

    Top