React JS Explained In 10 Minutes

Поділитися
Вставка
  • Опубліковано 20 вер 2024

КОМЕНТАРІ • 161

  • @akhadtop2067
    @akhadtop2067 2 роки тому +149

    I think youtube programmers has to do more videos like this than the actual coding itself

    • @S-Lomar
      @S-Lomar Рік тому +3

      This guys are clever in business😍😍😍🤩🥰🥰🥰🤩🤩🤩😍😍😍😍😍🤩🤩🤩🤩🤩🤩😍😍🤩🤩🤩🥰🥰🥰🥰😍😍😍🤩🤩🥰🥰🥰🥰🤩

  • @momparty
    @momparty 2 роки тому +112

    ok, I've watched like 4 videos before this one, and this is exactly what I needed. Yeah a lot of times learning by doing is great, but getting a high level view of what makes a technology useful is so great before you get your hands dirty. Thanks!

    • @8xnnr
      @8xnnr Рік тому +5

      I try to see abstract ideas like physical objects. Any view you can get is a good observation. You want to turn the object, zoom in, zoom out etc.

    • @hanchi3398
      @hanchi3398 Рік тому

      ​@@8xnnrgreat idea! Coding requires imagination for sure 🎉🎉

  • @victorkaikGames
    @victorkaikGames 2 роки тому +92

    What is React? - 0:30
    What are single page applications? - 1:00
    JSX - 2:24
    Url routing - 3:10
    Props - 3:31
    State - 3:55
    Componen Lifecycle - 4:36
    Hooks - 5:25
    State Management - 6:07
    Virtual DOM - 6:50
    Key prop - 7:25
    Event Listeners - 7:51
    Forms - 8:10
    Conditional Rendering - 8:46
    Commands - 9:18

    • @salimatiyeh7472
      @salimatiyeh7472 Рік тому +1

      Would you happen to have any sources you recommend for self teaching?

  • @roshansharma9042
    @roshansharma9042 Рік тому +24

    Watching this and going for interview is crazy, and getting selected is even crazier

  • @irfsdp
    @irfsdp Рік тому +28

    I haven't even touched React yet, but this makes so much sense. Your explanation, illustrations and codes are simple and really easy to understand! Great job man!

    • @astrahcat1212
      @astrahcat1212 3 місяці тому +1

      So true, and I've found that trying to learn full stack development is much easier by trying to learn front end first, then figuring out how to send data to the back end and vice versa.

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

      ​@astrahcat1212 This is true for me too. Front end has been smoother to grasp.

  • @sandrogtz
    @sandrogtz 9 місяців тому +10

    Going so deep into React and give such a nice overview in just 10min is just amazing good job

  • @xReisk
    @xReisk 8 місяців тому +6

    This is by far the best video Ive seen about the ecosystem of react and how it works! You made clear distinctions and also gave a bit of insight on things (like single pages not being single pages). I loved it, keep it up!

  • @davidstarkey295
    @davidstarkey295 2 роки тому +17

    Interesting... I think I'll try learning React now! Earlier versions didn't make sense to me, so I stuck with Angular. I really like the idea of built-in event handlers, state and props as shown in the video - so streamlined! No more futzing with jQuery and other sloppy-built JS functions.

  • @byDevCreates
    @byDevCreates 6 місяців тому +2

    Great video man, explained why I should care about React. Most beginner tutorials make websites that look like they could be done directly in JS but this explains why i should be using react instead.

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

    Such a great, straight-forward and comprehensive overview! Wish this had been around years ago. Thank you!

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

    Thanks a lot! I have been working on API documentation at work for the past 8 months and this was a great refresher. 🙂

  • @aniketgade
    @aniketgade 8 місяців тому +1

    I know/learned some basic React and this is one of the best React basics videos out there. Very well captured and awesome animations to understand the react workflows.

  • @viktorlernt6063
    @viktorlernt6063 22 дні тому

    A nicely structured introduction to React. Thank you very much!

  • @spaxxvilejohn9095
    @spaxxvilejohn9095 2 роки тому +8

    I have been learning React for a while now and what you have said is very true. It's hard almost impossible to create a website without this fundamental skills at your fingertips. Thank you for laying it out in a simple manner. This is actually a roadmap.

  • @speak.thetruth5017
    @speak.thetruth5017 Рік тому +3

    Started learning React through your Notes application crash course. This video explained so much things in short and precise language that I was unable to grasp in that long video code-along course. You are my favourite tutor on youtube. Respect!💯❤

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

    Perfect, just the bite size concept introduction I needed. I've fumbled around a few React codebases over the years without needing to get into the nitty gritty of the code, but now I'm managing a team of React devs so wanted a better holistic understanding and this was a good first step. Thank you!

  • @nemeziz_prime
    @nemeziz_prime Рік тому +6

    Dennis we really love your Django content, it's outstanding stuff. We'd love to see a full fledged React beginners course from you, your explanation is always too good xD

  • @josh-cnet
    @josh-cnet Рік тому

    Genius, first guy that explains the things without advertising an unuseful
    tutorial

  • @chiazamochiegbu848
    @chiazamochiegbu848 2 роки тому +5

    Another great video from a great guy. Thanks for helping us learn to code.

  • @dericmiano9516
    @dericmiano9516 2 роки тому +1

    Thank you soo much Dennis for the new course..am enrolling to the course right away.....May God bless you abundantly

  • @pavankumarreddy7054
    @pavankumarreddy7054 2 роки тому +1

    Yesterday night I am started learning
    Your react course, then morning it will be coming.

  • @TheXuism
    @TheXuism 2 місяці тому +3

    ok, Now I can add react to my resume.

  • @mehdimomeni6206
    @mehdimomeni6206 2 роки тому +1

    that was so helpful . gives a general familiarity with react , therefore learning faster while having the big picture in mind! thank u !

  • @crust5532
    @crust5532 2 роки тому +4

    This series is very helpful .hope you will make more like this on different web-technilogies. 🤗

  • @tljstewart
    @tljstewart 2 роки тому

    Wow the subtle comment about the "single page apps" being a misnomer @1:25 is an extremely important point, thanks for that

  • @kathirmldata7411
    @kathirmldata7411 2 роки тому +2

    i start my day with your video. thank you Dennis

  • @naamanvilla
    @naamanvilla 8 місяців тому

    AWESOME content!! every react beginner should see this before starts coding...

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

    This is amazing. Thankyou !
    when i complete my javaScript course i don't no where from i start react. But i watch this video now i know the roadmap. where i start the course form starch.
    thank you so much💞💞💞💞

  • @harisahmad9323
    @harisahmad9323 2 роки тому +2

    love you sir, always learned something from you, keep it up man, thanks

  • @chukwuebukaonah2336
    @chukwuebukaonah2336 Рік тому

    Coming from a flutter development background, This was greatly helpful.
    Thanks alot

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

    One of the best intro to React videos!

  • @CodingWithRobert
    @CodingWithRobert Рік тому

    Only video that helped me understand the basics of react. Thanks.

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

    Very helpful for first time React learners.

  • @zolika154
    @zolika154 2 роки тому

    This singlehandadly started my django career.. now adding react to the table :D

  • @bru533
    @bru533 9 місяців тому

    thanks, i'm studying react! by 2024, i NEED to know what i'm into and this was very informative. time to master my knowledge

  • @pranavbakare8922
    @pranavbakare8922 2 роки тому +1

    That's absolutely Amazing start to new ways to come up with important concepts in this manner Keep sharing Dennis sir!!!!!!!!

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

    My interview starts in 11minutes. This had better be a good video.

  • @treepiesinc1418
    @treepiesinc1418 Рік тому

    Recommended for technology leaders, who don't need to know how to code each and every technology but know what to expect in each technology and current trends.

  • @rachelsabo9076
    @rachelsabo9076 Рік тому

    Hey, thanks a lot! Being self taught this helped me to figure out some areas that I missed, and I know what to focus on now 🙂

  • @lookingforsomething7985
    @lookingforsomething7985 Рік тому

    BROTHER, YOU ARE THE BEST!!! You oooh really helped me!! THANK YOU VERY MUCH!

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

    best explanation for React JS thanks Dennis

  • @it9hektar
    @it9hektar Рік тому

    it's awesome.. Amazing synopsis.. simple explaination.. thank u from indonesia 👍

  • @taiwancowbei8857
    @taiwancowbei8857 2 роки тому +9

    Hi, would I be able to learn React efficiently without too much knowledge in JS? Or I should learn JS first before jumping into buying the React course?

    • @edberaga
      @edberaga 2 роки тому +2

      Better learn first

  • @Air36874
    @Air36874 2 роки тому

    Amazing synopsis - definitely will use for future reference!

  • @shafique7z
    @shafique7z Рік тому

    8:04 Minutes in and your explanation got me subscribe, like and download this video! Quality === 10/10

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

    Good content. helpful for beginners.

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

    Great 10 min review, just what i needed.

  • @Pareshbpatel
    @Pareshbpatel 2 роки тому

    Succinct, yet comprehensive video on the core concepts of React. Thanks, Dennis
    {2021-11-20}

  • @6.squash.936
    @6.squash.936 Рік тому

    I spent nights learning all of this and this guy just told everything in 10 mins Lmao 😭

  • @Resuri02
    @Resuri02 Рік тому

    Great vid gave me everything I didn’t know I needed to know

  • @AhmedMohamed-cf9dd
    @AhmedMohamed-cf9dd Рік тому

    Really awesome video i want to refresh my memory and it helped a lot THANKS a lot

  • @tylermyers8735
    @tylermyers8735 Рік тому

    super effective explanation. this is awesome.

  • @olusegunodewole4356
    @olusegunodewole4356 2 роки тому

    best intro video, seen so far

  • @kenchez3713
    @kenchez3713 11 місяців тому

    What a refresher course👍🏽

  • @freeinformation7877
    @freeinformation7877 8 місяців тому

    Thank you very much. I appreciate

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

    You covered so much in just 10 mins

  • @marinashohda5032
    @marinashohda5032 Рік тому

    im a little less lost now, that was very helpful, thank you alot

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

    Amazing explanation. Thank you

  • @soufianta8374
    @soufianta8374 2 роки тому

    Hi. Very good explanation. What about angular vs react? Framework vs library? Which is the best choice to learn? Which is still developed and maintained (2022)? thanks.

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

    well explained in short time.

  • @harshkureel3829
    @harshkureel3829 Рік тому

    Thanks for this insightful video!

  • @stephenmwangi1554
    @stephenmwangi1554 2 роки тому

    Hello, dennis I am a big fun of your channel, can you do a vedio on django newsletter, just a suggestion it would be helpful to most of your members 🙂.

  • @Sonu-tg6tg
    @Sonu-tg6tg 2 роки тому +1

    waiting for more react videos, could you please do some resume level projects using reactjs

  • @amanketebo
    @amanketebo Рік тому

    Thanks for this video! Super helpful 🔥

  • @sebastiaopaulo3857
    @sebastiaopaulo3857 2 роки тому

    I like to give so many likes in this video. Cool content, i enjoyed

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

    I visited the resct crash course
    The course didn't have exercise for individuals to practice and submit

  • @jean-paulboga8189
    @jean-paulboga8189 9 місяців тому

    great tutorial thanks

  • @SergioGomez-wu2kp
    @SergioGomez-wu2kp 5 місяців тому

    Thanks good 10 min video

  • @Ajithkumarm107
    @Ajithkumarm107 Рік тому

    It's a really great explanation..

  • @WolfLöwenHai
    @WolfLöwenHai 2 роки тому

    really really good video! thank you so much

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

    Just curious how up to date the crash course is in June 2024? Thanks!

  • @nathanhansenmusic9173
    @nathanhansenmusic9173 Рік тому

    Great refresher

  • @Ali-lm7uw
    @Ali-lm7uw 2 роки тому +1

    Would be interested in a full stack React with Django e-commerce website

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

    Superb..
    Thank you😊

  • @mitotv6376
    @mitotv6376 Рік тому

    Very nice explanation

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

    Thank you soo much

  • @sadatsamuelsaeedafari9649
    @sadatsamuelsaeedafari9649 8 місяців тому

    This is perfect

  • @yoganandkrishnamoorty5732
    @yoganandkrishnamoorty5732 10 місяців тому

    Make a video for node and express brother..😄

  • @karimchedid
    @karimchedid Рік тому

    Thanks

  • @treyGivens1
    @treyGivens1 2 роки тому

    This video was really really good.

  • @shineLouisShine
    @shineLouisShine Рік тому

    That was kind of....
    Well, I'm not usually saying this, but...
    Perfect(..?)
    Thank you.

  • @workoutmotivation9927
    @workoutmotivation9927 2 роки тому

    yes everything is very logical my friend, yes yes let's use big words

  • @adi_tal
    @adi_tal 9 місяців тому

    Amazing video!! Thank!

  • @hanchi3398
    @hanchi3398 Рік тому

    Thanks a lottttt ❤❤❤ 🎉🎉🎉

  • @bidsouravbest
    @bidsouravbest Рік тому

    Awesome!

  • @bhoopendrakumar8415
    @bhoopendrakumar8415 2 роки тому

    Very impressive video and content

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

    Really good video

  • @АртемТ-з7з
    @АртемТ-з7з Рік тому

    Cool man! Thx

  • @MX-ul5ps
    @MX-ul5ps 2 роки тому

    Awesome recap

  • @business_central
    @business_central 2 роки тому +1

    Love it. I have just one question, where does figma stand in the web dev process ??
    Seems everything is programmed directly through react and back end taken care by itself (node.js etc..), so do UI/UX is done through react, or figma ? Is figma necessary/better?
    I get confused about this aspect in the process

    • @DennisIvy
      @DennisIvy  2 роки тому +1

      Figma is a great tool for when you want to get a design concept made before you start coding, but NOT a must. If you know what you want, then you can start without figma, but typically its good to have something designed beforehand so you can see what it will look like before spending too much time coding only to find it doesn't look good. If you are working with some team, Figma becomes more necessary.
      For example: I hired a developer to create templates for me. I never approve anything until I see the design in figma first. This way I dont pay him to code up something I wont approve anyways. Hope that gives you an idea.

    • @business_central
      @business_central 2 роки тому +1

      @@DennisIvy thank you! Very well explained! Much appreciated!!! Thaaanks

  • @debankurbhattacharjee3021
    @debankurbhattacharjee3021 Рік тому

    Hey Dennis please make a video on react for beginners to intermideate. It's a request

  • @kbdesilva
    @kbdesilva 2 роки тому

    Thanks as always

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

    Good Video!

  • @aishwarya_jamdade
    @aishwarya_jamdade Рік тому

    Thank you!!

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

    Hey are you going to update this video? I noticed the latest version of react-router-dom has a few changes and the course I bought from your website doesn't work the way you set it up

  • @raheemamer9261
    @raheemamer9261 Рік тому

    Perfect

  • @greatscott8680
    @greatscott8680 10 місяців тому

    @9:08 "Inline if/else conditional operator?" You mean ternary?

  • @salehm9631
    @salehm9631 2 роки тому

    Thank you

  • @midouwebdev2224
    @midouwebdev2224 2 роки тому

    Great video !

  • @munzutai
    @munzutai 8 місяців тому

    How up to date is this video?