React JS Explained In 10 Minutes

Sdílet
Vložit
  • čas přidán 23. 08. 2024

Komentáře • 157

  • @akhadtop2067
    @akhadtop2067 Před 2 lety +140

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

    • @S-Lomar
      @S-Lomar Před 11 měsíci +2

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

  • @momparty
    @momparty Před rokem +106

    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 Před rokem +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 Před rokem

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

  • @roshansharma9042
    @roshansharma9042 Před rokem +20

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

  • @irfsdp
    @irfsdp Před rokem +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 Před 2 měsíci +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 Před 20 dny

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

  • @victorkaikGames
    @victorkaikGames Před 2 lety +88

    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 Před rokem +1

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

  • @sandrogtz
    @sandrogtz Před 8 měsíci +10

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

  • @xReisk
    @xReisk Před 7 měsíci +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!

  • @byDevCreates
    @byDevCreates Před 5 měsíci +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.

  • @aniketgade
    @aniketgade Před 7 měsíci +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.

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

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

  • @davidstarkey295
    @davidstarkey295 Před 2 lety +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.

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

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

  • @speak.thetruth5017
    @speak.thetruth5017 Před rokem +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!💯❤

  • @spaxxvilejohn9095
    @spaxxvilejohn9095 Před 2 lety +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.

  • @josh-cnet
    @josh-cnet Před rokem

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

  • @nemeziz_prime
    @nemeziz_prime Před rokem +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

  • @wockster
    @wockster Před měsícem

    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!

  • @TheXuism
    @TheXuism Před měsícem +2

    ok, Now I can add react to my resume.

  • @chiazamochiegbu848
    @chiazamochiegbu848 Před 2 lety +5

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

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

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

  • @fabricemikobi2173
    @fabricemikobi2173 Před 6 měsíci

    One of the best intro to React videos!

  • @crust5532
    @crust5532 Před 2 lety +4

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

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

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

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

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

  • @naamanvilla
    @naamanvilla Před 7 měsíci

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

  • @kathirmldata7411
    @kathirmldata7411 Před 2 lety +2

    i start my day with your video. thank you Dennis

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

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

  • @HFKHAN86
    @HFKHAN86 Před 6 měsíci

    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 Před 2 lety +2

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

  • @tljstewart
    @tljstewart Před 2 lety

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

  • @CodingWithRobert
    @CodingWithRobert Před rokem

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

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

    Very helpful for first time React learners.

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

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

  • @chukwuebukaonah2336
    @chukwuebukaonah2336 Před 11 měsíci

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

  • @treepiesinc1418
    @treepiesinc1418 Před rokem

    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.

  • @taiwancowbei8857
    @taiwancowbei8857 Před 2 lety +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?

  • @zolika154
    @zolika154 Před 2 lety

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

  • @rachelsabo9076
    @rachelsabo9076 Před rokem

    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 🙂

  • @longbranchjon
    @longbranchjon Před 6 měsíci

    Great 10 min review, just what i needed.

  • @lookingforsomething7985

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

  • @udaym4204
    @udaym4204 Před 6 měsíci

    best explanation for React JS thanks Dennis

  • @shafique7z
    @shafique7z Před rokem

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

  • @olusegunodewole4356
    @olusegunodewole4356 Před 2 lety

    best intro video, seen so far

  • @Air36874
    @Air36874 Před 2 lety

    Amazing synopsis - definitely will use for future reference!

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

    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

  • @6.squash.936
    @6.squash.936 Před rokem

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

  • @it9hektar
    @it9hektar Před rokem

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

  • @kenchez3713
    @kenchez3713 Před 11 měsíci

    What a refresher course👍🏽

  • @Pareshbpatel
    @Pareshbpatel Před 2 lety

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

  • @dineshyeshamoni5426
    @dineshyeshamoni5426 Před měsícem

    Good content. helpful for beginners.

  • @Resuri02
    @Resuri02 Před rokem

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

  • @AhmedMohamed-cf9dd
    @AhmedMohamed-cf9dd Před rokem

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

  • @tylermyers8735
    @tylermyers8735 Před rokem

    super effective explanation. this is awesome.

  • @sebastiaopaulo3857
    @sebastiaopaulo3857 Před 2 lety

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

  • @ImStephhhh
    @ImStephhhh Před 2 měsíci

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

  • @freeinformation7877
    @freeinformation7877 Před 7 měsíci

    Thank you very much. I appreciate

  • @soufianta8374
    @soufianta8374 Před 2 lety

    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.

  • @adrianasilveira4561
    @adrianasilveira4561 Před 5 měsíci

    Amazing explanation. Thank you

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

    Amazing video!! Thank!

  • @harshkureel3829
    @harshkureel3829 Před rokem

    Thanks for this insightful video!

  • @amanketebo
    @amanketebo Před rokem

    Thanks for this video! Super helpful 🔥

  • @marinashohda5032
    @marinashohda5032 Před rokem

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

  • @nathanhansenmusic9173

    Great refresher

  • @Loi5451
    @Loi5451 Před 2 lety

    really really good video! thank you so much

  • @sumitkamble_
    @sumitkamble_ Před 5 měsíci

    You covered so much in just 10 mins

  • @gunnammahesh239
    @gunnammahesh239 Před 5 měsíci

    well explained in short time.

  • @cjcstudio6201
    @cjcstudio6201 Před 6 měsíci

    Superb..
    Thank you😊

  • @mitotv6376
    @mitotv6376 Před rokem

    Very nice explanation

  • @jean-paulboga8189
    @jean-paulboga8189 Před 8 měsíci

    great tutorial thanks

  • @Ajithkumarm107
    @Ajithkumarm107 Před rokem

    It's a really great explanation..

  • @stephenmwangi1554
    @stephenmwangi1554 Před 2 lety

    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 🙂.

  • @Ali-lm7uw
    @Ali-lm7uw Před 2 lety +1

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

  • @aminesoft3291
    @aminesoft3291 Před 2 lety

    Hey Dennis, do you think for django-react developer it is important to learn Redux or not !

  • @business_central
    @business_central Před 2 lety +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  Před 2 lety +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 Před 2 lety +1

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

  • @oOcitizenOo
    @oOcitizenOo Před 2 lety

    Hey, Dennis! Do you plan to update beginner's course on Udemy when where will be something to update? ;)

  • @Sonu-tg6tg
    @Sonu-tg6tg Před 2 lety +1

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

  • @saltech2024
    @saltech2024 Před 15 dny

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

  • @MyLatinLife
    @MyLatinLife Před 2 lety

    Thanks

  • @greatscott8680
    @greatscott8680 Před 9 měsíci

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

  • @arnabchakraborty246
    @arnabchakraborty246 Před 2 měsíci

    Thank you soo much

  • @beaubruderer5317
    @beaubruderer5317 Před měsícem

    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

  • @treyGivens1
    @treyGivens1 Před 2 lety

    This video was really really good.

  • @aishwarya_jamdade
    @aishwarya_jamdade Před rokem

    Thank you!!

  • @kbdesilva
    @kbdesilva Před 2 lety

    Thanks as always

  • @SergioGomez-wu2kp
    @SergioGomez-wu2kp Před 4 měsíci

    Thanks good 10 min video

  • @MX-ul5ps
    @MX-ul5ps Před rokem

    Awesome recap

  • @bhoopendrakumar8415
    @bhoopendrakumar8415 Před 2 lety

    Very impressive video and content

  • @developers_hub
    @developers_hub Před 2 lety

    Could you make a tutorial to make a Checklist type app in which we have multiple question for each app and for each question has responses "yes,no,na" please

  • @sadatsamuelsaeedafari9649
    @sadatsamuelsaeedafari9649 Před 7 měsíci

    This is perfect

  • @munzutai
    @munzutai Před 7 měsíci

    How up to date is this video?

  • @mostviewedtoks
    @mostviewedtoks Před rokem

    thanks

  • @cloudprograms9612
    @cloudprograms9612 Před 2 lety

    Hi Dennis, I bought the django course, where can i get the discord invite?

  • @abdelrahmangebril1388
    @abdelrahmangebril1388 Před 2 lety

    i'll ask a question out if this topic, but I need help? how can I add A level before User Registration To check if some Value is existing like Employee SSn. then redirect to Complete Registration .
    I want video or any explanation . Django rest framework

  • @salehm9631
    @salehm9631 Před 2 lety

    Thank you

  • @hanchi3398
    @hanchi3398 Před rokem

    Thanks a lottttt ❤❤❤ 🎉🎉🎉

  • @bidsouravbest
    @bidsouravbest Před rokem

    Awesome!

  • @user-oe9bq4sq9x
    @user-oe9bq4sq9x Před 11 měsíci

    Cool man! Thx

  • @midouwebdev2224
    @midouwebdev2224 Před 2 lety

    Great video !

  • @anuj6611
    @anuj6611 Před 12 dny

    Good Video!

  • @0xhhhhff
    @0xhhhhff Před 6 měsíci

    Really good video