The most important React concepts to learn first (as a beginner)

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

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

  • @robin9436
    @robin9436 3 ปีที่แล้ว +32

    I'm not really a beginner but this was a great refresher! Maybe a little fast for actual beginners but I totally agree with you on the fact that what you need isn't much more than what you've shown here

  • @nirmalk55
    @nirmalk55 3 ปีที่แล้ว +19

    This is the video I was looking for. Damn good.
    Gives the clear-cut idea for beginners where to lift heavily

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

    Straight to the point. Covered a lot of topics in 20 minutes. Great video.

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

    Been using Angular for many years, and I've been looking for a video on the basics of React without it being for absolute programming beginners! Thanks.

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

    Thank you, very good refresher as I didn't use ReactJS for a long time (2 years at least), so this helped a lot, subscribed!

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

    This is excellence. Straight to the point, hitting the nail right on the head. Love it

  • @DerekChang-wb9cj
    @DerekChang-wb9cj ปีที่แล้ว

    Simple and straightforward. Thanks, Cody.

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

    Great tutorial , this is really helpful for a beginner . keep uploading such videos bro. More power to you !!!

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

    Fantastic display of where to start for a beginner. Went through quite a few videos to find something like this! Well done!!!

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

    This is GOLD!!! Straight to the point and explained in very simple way.

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

    This is great and exactly what I needed. I think I went through 10 fundamental videos that flew over my head. I ended up just reading the W3school react section and got a basic grasp, but your video is helping sink it in. Subscribed!

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

    great tutorial man this is what we wanted the most used concept in the project

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

    This is great - to the point, no wasting time with blah blah blah like 9/10 javascript guys on youtube.

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

    Thank you so much for making this video. Hope this video gets lots of views :)

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

    This video deserves more views

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

    Ok you made it so simple. Thanks!

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

    Just came here to check what's covered for beginners. Good video Cody!

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

    Wonderful tutorial. Really short and crisp! Love this type of tutorial. Thanks Expecting more of this kind of videos. Helps developer to make quick start.

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

    Good stuff. Wish I had watched this a year and a half ago to be honest. When trying to familiarize myself with a pretty complex code base without having had the greatest foundation for React, it has made for a rough journey, that’s for sure.

  • @7edim
    @7edim ปีที่แล้ว

    refresher 2x speed, amazing, thank you

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

    Thank you, am a newbie to react...and really appreciate the advice

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

    This is a great overview video... I have gone through a lot of the videos and this is a very good summary of intro to React... Keep it up man 👍

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

    We somehow landed in a crunch period for a University project and now i need to figure out a lot of stuff quickly, this was quite helpful. Which Hook would you use for a searchbar? I assume it will be useState but i am not sure yet.

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

    This was helpful. Thank you!

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

    Really Thanks for this, You got a subscriber, keep it up.

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

    Reduced to the minimum - but very useful - not distracted by other concepts!

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

    Wonderful tutorial you've got here. Please, how do I insert link (anchor tag) using props

  • @piotrn2491
    @piotrn2491 4 ปีที่แล้ว +5

    Really nice explanation! I have a small question, when do you or your team has to use the cleanup return function for useEffect in your production code? I'm wondering what would be the cases when this will be useful. Once again thank you for this quick video explanation

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

      I think in our case we have a component which fetches large PDFs from the backend and puts them in the browsers memory for editing inside the UI. When we navigate away from the page or component, we need to clear that from memory / state so that our browser tab doesn’t run out of memory

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

      Another example would be if you want a form to auto save some data to the backend if they close a modal or navigate away from a page. You could just have your cleanup function make that http request

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

      @@WebDevCody I see, so essentially cleanup function does not always means that it will clean up something (like from the browser memory), but just add some functionality to our component after the user leaves the page. Is this the right way of thinking? :)

    • @WebDevCody
      @WebDevCody  4 ปีที่แล้ว

      Yes pretty much

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

    Dont Be sorry!. Great quick explanation.

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

    thank you so much for this needed video 🙏

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

    good enough bro thanks for the refresh ✌

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

    Cody Cyber? It sounds like a cool character name from Cyberpunk. No shit! Wow.

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

    Thank you mate. nice video.

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

    🎉 Nice

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

    Good tutorial.

  • @di.rodriguez
    @di.rodriguez 2 ปีที่แล้ว

    great video, thank you!

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

    Thank you! Very helpful video

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

    Now the fun part of every developers journey....figuring out what they want to build/make 🤣
    Programmer's Block is real

  • @rajkumar-nq2te
    @rajkumar-nq2te 4 ปีที่แล้ว

    In nutshell, it's awesome 👍

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

    Nice! Subscribed

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

    Very helpful , thanks

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

    this is genius

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

    🔥🙌

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

    As of React 17, you no longer need to import React everywhere.

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

      As someone starting to learn react as of this week, any other tips you can share that I should keep in mind when viewing older vids?

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

    Thank you

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

    Thank you very much!

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

    Can you share some intermediate stuff also

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

    Hi Cody, it's another great video thank you it helps me out a lot, thank you may I ask you when the poki app( include react-redux and router would be amazing) will be available in you your channel? Thank you

    • @WebDevCody
      @WebDevCody  4 ปีที่แล้ว

      Glad you enjoyed watching it. I will try to work on that app within the week. Maybe sometime this week it'll be out, or by next weekend. Stay in tune.

    • @kenansari
      @kenansari 4 ปีที่แล้ว

      @@WebDevCody thank you so much

    • @kenansari
      @kenansari 4 ปีที่แล้ว

      @@WebDevCody hi Cody, how are you? I hope you are doing well, I just would like to ask you about the new video I guess poki app? when it will be available? thank you

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

    i really just want to know what all those chrome extensions do

  • @AbhishekKumar-yt4mz
    @AbhishekKumar-yt4mz 3 หลายเดือนก่อน

    Subscribed

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

    Amazing!!!

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

    great job

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

    onBlur was the reason I came to this video🤐

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

    Can someone explain to me why you would manage state in parent components rather than the actual components themselves? I'm very new to React and I'm struggling to wrap my head around these concepts. What is the point and why would we do this?

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

      Sometimes you need a child component to update the state of a parent component, so you need to lift state up to the parent component so both the parent and child have access to it. For example, let’s say you have a login component which needs to login and save the user info. If you save the user info inside the login component, it will be lost when you navigate away from the page, so you’ll need to define the user state at a higher level so more things can read that user object.

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

    thanks.

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

    Can you please share the vscode theme name?

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

    Thank youuu

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

    thanks

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

    Love you babe ❤️

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

    please make a slower one

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

    As a beginner after 12:00 min i lost track of what he was saying.

  • @vigneshreddy9262
    @vigneshreddy9262 4 ปีที่แล้ว

    Unable to send white space string as JS function argument.
    function abc(x){
    alert(x);
    }
    abc("hello world"); //not working
    function abc(x){
    alert(x);
    }
    abc("hello"); //working
    Please help me to send white space strings as an argument

    • @WebDevCody
      @WebDevCody  4 ปีที่แล้ว

      Vignesh Reddy you need to paste more error logs for me to help

    • @vigneshreddy9262
      @vigneshreddy9262 4 ปีที่แล้ว

      @@WebDevCody
      Hi, I got the answer from stack overflow

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

    Subscribed!
    {2022-02-24}

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

    Thank you so much!