React JS Explained In 10 Minutes

Поделиться
HTML-код
  • Опубликовано: 7 фев 2025

Комментарии • 188

  • @momparty
    @momparty 2 года назад +162

    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 2 года назад +6

      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 🎉🎉

  • @akhadtop2067
    @akhadtop2067 3 года назад +213

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

    • @S-Lomar
      @S-Lomar Год назад +5

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

    • @vaughnouano
      @vaughnouano 2 месяца назад

      @@S-Lomar what's up with the emojis lol

    • @miscreatedmonster2.022
      @miscreatedmonster2.022 Месяц назад

      ​@@vaughnouano Lmao I'm dead

  • @irfsdp
    @irfsdp Год назад +52

    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 7 месяцев назад +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 6 месяцев назад

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

    • @lavender_artistic_05
      @lavender_artistic_05 Месяц назад

      Guys can you help me plz?
      I'm a beginner, I've learned C, C++, Java
      And HTML, CSS, JS too
      What else should I learn to become a front end developer or backend developer or both?
      Can you give a road map??

  • @victorkaikGames
    @victorkaikGames 3 года назад +120

    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?

    • @Truueh
      @Truueh 16 дней назад

      @@salimatiyeh7472 create a project and start practicing, best way

  • @xReisk
    @xReisk Год назад +10

    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!

  • @sandrogtz
    @sandrogtz Год назад +12

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

  • @roshansharma9042
    @roshansharma9042 Год назад +53

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

  • @timschmidt5469
    @timschmidt5469 11 месяцев назад +3

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

  • @josh-cent
    @josh-cent Год назад

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

  • @aniketgade
    @aniketgade Год назад +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.

  • @shah.md.mostakim
    @shah.md.mostakim 2 года назад +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!💯❤

  • @shakuntalaharnale8110
    @shakuntalaharnale8110 2 месяца назад

    This is literally the complete revision of React and all that is required to learn it. Wish I had come across this earlier. Had to figure out a lot of stuff all by myself.

  • @davidstarkey295
    @davidstarkey295 3 года назад +16

    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.

  • @spaxxvilejohn9095
    @spaxxvilejohn9095 3 года назад +9

    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.

  • @kecaeygaming5942
    @kecaeygaming5942 8 месяцев назад +1

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

  • @TheXuism
    @TheXuism 7 месяцев назад +5

    ok, Now I can add react to my resume.

  • @nemeziz_prime
    @nemeziz_prime 2 года назад +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

  • @arkadyutipaul246
    @arkadyutipaul246 2 месяца назад

    THIS WAS WONDERFUL!!! You explained the core concepts in such a simple & easy way. Really loved it. Thank you so much! 💝

  • @wockster
    @wockster 7 месяцев назад

    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!

  • @byDevCreates
    @byDevCreates 11 месяцев назад +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.

  • @__moonlight__
    @__moonlight__ 3 месяца назад +1

    thanks, I got an interview tomorrow and this helped me

  • @fabricemikobi2173
    @fabricemikobi2173 11 месяцев назад

    One of the best intro to React videos!

  • @HFKHAN86
    @HFKHAN86 Год назад

    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💞💞💞💞

  • @pixelatedlava
    @pixelatedlava 3 месяца назад

    Thank you. Once I finish my semester I will start a course about this library.

  • @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

  • @pavankumarreddy7054
    @pavankumarreddy7054 3 года назад +1

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

  • @mehdimomeni6206
    @mehdimomeni6206 3 года назад +2

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

  • @andrewliamdesigndevelopment
    @andrewliamdesigndevelopment 3 месяца назад

    Great video. Thank you. Concise and informative. I’m getting into web development, and this is the first time that React has made sense to me.

  • @Ghulam627
    @Ghulam627 Месяц назад

    Very good video. All core concepts briefed in quite short time.

  • @dericmiano9516
    @dericmiano9516 3 года назад +1

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

  • @naamanvilla
    @naamanvilla Год назад

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

  • @KaranTandel.
    @KaranTandel. Месяц назад

    Best video I’ve ever made love you man

  • @ikermann3585
    @ikermann3585 2 месяца назад

    Best explanation video I 've seen so far!

  • @unus55
    @unus55 4 месяца назад

    Wow! 10 minutes and too many infos and understandable to beginners.
    Thanks

  • @crust5532
    @crust5532 3 года назад +4

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

  • @viktorlernt6063
    @viktorlernt6063 5 месяцев назад

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

  • @ShwetaKadam-gt5cn
    @ShwetaKadam-gt5cn Месяц назад

    Very quick React development terminologies. Easy to make a quick learning plan using this video.❤

  • @chiazamochiegbu848
    @chiazamochiegbu848 3 года назад +5

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

  • @lythd
    @lythd 3 месяца назад

    loved this video very well put together! not sure why im even watching it im never getting in to web dev but thought it was nice to see what it was like i guess with this nice overview

  • @kathirmldata7411
    @kathirmldata7411 3 года назад +2

    i start my day with your video. thank you Dennis

  • @cs_onah
    @cs_onah Год назад

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

  • @YUBINSON6
    @YUBINSON6 8 месяцев назад

    Very helpful for first time React learners.

  • @owennsofu9200
    @owennsofu9200 12 дней назад

    This is a really amazing explanation ❤

  • @harisahmad9323
    @harisahmad9323 3 года назад +2

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

  • @zolika154
    @zolika154 3 года назад

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

  • @olusegunodewole4356
    @olusegunodewole4356 3 года назад

    best intro video, seen so far

  • @6.squash.936
    @6.squash.936 Год назад

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

  • @CodingWithRobert
    @CodingWithRobert Год назад

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

  • @it9hektar
    @it9hektar Год назад

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

  • @long_codes
    @long_codes 2 месяца назад

    The component cycle 4:40 and the virtual dom 6:51 parts are really interesting

  • @udaym4204
    @udaym4204 Год назад

    best explanation for React JS thanks Dennis

  • @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 🙂

  • @dumbxyz
    @dumbxyz 2 года назад

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

  • @taiwancowbei8857
    @taiwancowbei8857 3 года назад +10

    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

  • @keithg2651
    @keithg2651 10 месяцев назад

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

  • @longbranchjon
    @longbranchjon Год назад

    Great 10 min review, just what i needed.

  • @lookingforsomething7985
    @lookingforsomething7985 2 года назад

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

  • @pranavbakare8922
    @pranavbakare8922 3 года назад +1

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

  • @bru533
    @bru533 Год назад

    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

  • @AhmedMohamed-cf9dd
    @AhmedMohamed-cf9dd Год назад

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

  • @kenchez3713
    @kenchez3713 Год назад

    What a refresher course👍🏽

  • @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.

  • @saltech2024
    @saltech2024 6 месяцев назад +4

    Title of the video: React Interview Made easy 😂

  • @Resuri02
    @Resuri02 2 года назад

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

  • @sebastiaopaulo3857
    @sebastiaopaulo3857 2 года назад

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

  • @tylermyers8735
    @tylermyers8735 Год назад

    super effective explanation. this is awesome.

  • @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.

  • @Pareshbpatel
    @Pareshbpatel 3 года назад

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

  • @dineshyeshamoni5426
    @dineshyeshamoni5426 7 месяцев назад

    Good content. helpful for beginners.

  • @Air36874
    @Air36874 3 года назад

    Amazing synopsis - definitely will use for future reference!

  • @sumitkamble_
    @sumitkamble_ 10 месяцев назад

    You covered so much in just 10 mins

  • @stephenmwangi1554
    @stephenmwangi1554 3 года назад

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

  • @komal0112
    @komal0112 4 месяца назад

    @Dennis Ivy can we get 10 min video on React Native as well ?

  • @gunnammahesh239
    @gunnammahesh239 11 месяцев назад

    well explained in short time.

  • @greatscott8680
    @greatscott8680 Год назад

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

  • @marinashohda5032
    @marinashohda5032 Год назад

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

  • @mitotv6376
    @mitotv6376 Год назад

    Very nice explanation

  • @amitbt69
    @amitbt69 4 дня назад

    Great information. thanks!

  • @LovingCauseKarmaHandlesItForMe
    @LovingCauseKarmaHandlesItForMe 7 месяцев назад

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

  • @adrianasilveira4561
    @adrianasilveira4561 10 месяцев назад

    Amazing explanation. Thank you

  • @hk99-9
    @hk99-9 Год назад

    Thanks for this insightful video!

  • @amanketebo
    @amanketebo 2 года назад

    Thanks for this video! Super helpful 🔥

  • @saltech2024
    @saltech2024 6 месяцев назад

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

  • @Ajithkumarm107
    @Ajithkumarm107 Год назад

    It's a really great explanation..

  • @cjcstudio6201
    @cjcstudio6201 11 месяцев назад

    Superb..
    Thank you😊

  • @business_central
    @business_central 3 года назад +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  3 года назад +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 3 года назад +1

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

  • @nathanhansenmusic9173
    @nathanhansenmusic9173 Год назад

    Great refresher

  • @WolfLöwenHai
    @WolfLöwenHai 3 года назад

    really really good video! thank you so much

  • @treyGivens1
    @treyGivens1 2 года назад

    This video was really really good.

  • @Sonu-tg6tg
    @Sonu-tg6tg 3 года назад +1

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

  • @Ali-lm7uw
    @Ali-lm7uw 3 года назад +1

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

  • @mohitchoudhary7234
    @mohitchoudhary7234 Месяц назад

    Looks like i can learn react 🎉

  • @oOcitizenOo
    @oOcitizenOo 3 года назад

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

  • @abdelrahmangebril1388
    @abdelrahmangebril1388 3 года назад

    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

  • @developers_hub
    @developers_hub 3 года назад

    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

  • @aminesoft3291
    @aminesoft3291 3 года назад

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

  • @hanchi3398
    @hanchi3398 Год назад

    Thanks a lottttt ❤❤❤ 🎉🎉🎉

  • @solomonakinbiyi
    @solomonakinbiyi 2 года назад

    I love the background music, someone let me know the name of the song. Thanks 🔥🔥

  • @freeinformation7877
    @freeinformation7877 Год назад

    Thank you very much. I appreciate

  • @bhoopendrakumar8415
    @bhoopendrakumar8415 3 года назад

    Very impressive video and content