What Is React And Why You Need To Know It

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

КОМЕНТАРІ • 240

  • @ammarhalees6370
    @ammarhalees6370 5 років тому +416

    Massively underrated dev. Channel. Every single video I've seen by you, is useful, clear and concise! Thank you!

    • @WebDevSimplified
      @WebDevSimplified  5 років тому +30

      Thank you so much! I really appreciate your kind words and support.

    • @Microphunktv-jb3kj
      @Microphunktv-jb3kj 5 років тому

      As a newb who has gone thru all the frameworks to see the differences (via making a back-end api with auth/validation....) i think Vue > React > Angular(most veterans dont even recommend learning angular since they themselves are moving away from it...very monolithic and opinionated)
      Vue’s coding style is similar to what web developers are used to before the advent of React. Vue separates HTML, JavaScript and CSS like the traditional way of coding web applications.It does allow JSX, if that is your preferred code style.
      Vue also has component lifycycles (good example of it -> alligator.io/vuejs/component-lifecycle/ ), but they are simple and much more intuitive than React. Vue also is a younger framework, so it made sure it took the best of React and addressed some of the problems with React.
      Based on the comparisons of code style, if you are a JavaScript developer who has not used React or Vue, you will find coding with Vue easier and more intuitive.

    • @cinquain0
      @cinquain0 4 роки тому +6

      Yeah he is the man... his channel will continue to grow however. He just needs to keep a it, he'll become big for sure

    • @valentina711
      @valentina711 3 роки тому +6

      He has a natural easy way of explaining complex things, without oversimplifying, that's really great!

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

      Agreed. Definitely my go-to.

  • @blank001
    @blank001 5 років тому +95

    Adding background color to Google search results to explain components is so genius of you. Rather than giving some absurd examples, you explained with everyday things. It's just explains that complex things doesn't always need complex explanation. Great work.

    • @WebDevSimplified
      @WebDevSimplified  5 років тому +8

      Thank you so much! I'm really glad that example worked well for you.

    • @mohamedsadik5437
      @mohamedsadik5437 3 роки тому

      @@WebDevSimplified Pleaser Master, how can i do the same thing? are you clicked on some buttons to get the components? Thank you again for this video, you reayll well explained it

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

      seriously learning react and i love your videos... you give off humble master oogue vibes...

  • @sanfran-switchcode5480
    @sanfran-switchcode5480 4 роки тому +4

    ive been learning react for a week and my instructors werent able to articulate what react is really used for. they just said were learning it without that fundamental background. Thank you for this

  • @Ndzzle
    @Ndzzle 5 років тому +54

    Nice react breakdown. This is great for anyone just getting into react

  • @felix-ve8jk
    @felix-ve8jk Рік тому +3

    I've been taking classes for about 6 months now. I started my web dev journey over 10 years ago and tried to learn through trial and error. Your channel has helped tremendously, where a lot of classes and videos are just tedious and repetitive junk. Thanks!

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

    Hello from Turkey! I can't afford to buy your course but I am pretty sure that you deserve the money. Your videos are very helpful. I hope you keep doing the good work.

  • @viktorsarge6285
    @viktorsarge6285 4 роки тому +9

    I've been watching a whole bunch of your React related videos, and it's been the most enjoyable learning experience in programming for years. Keep the average quality this high and your channel should grow a lot over time.

  • @luisluiscunha
    @luisluiscunha 3 роки тому +10

    You provide an amazing value to the world, Kyle: thank you very much for the amount of effort you put in your videos. I never liked the web-side / front-end of development, and now I can't get enough of it: I am seeing every video in your channel! And I am learning a lot. You have a great gift. Again, thank you so much for using it to make the world a better place, by helping people learn. Kind regards from Portugal.

  • @cswalker21
    @cswalker21 4 роки тому +24

    It's funny how long I avoided React, simply because of my disdain for Facebook. But I have to admit, it's a really nice framework.

    • @MarcelPirosca
      @MarcelPirosca 3 роки тому

      Same here.

    • @nurzhanzhumadil9307
      @nurzhanzhumadil9307 3 роки тому

      but it's a library

    • @cswalker21
      @cswalker21 3 роки тому

      @@nurzhanzhumadil9307 right, right, I suck at nomenclature, sorry. It's a nice library, OK.

    • @nurzhanzhumadil9307
      @nurzhanzhumadil9307 3 роки тому +1

      @@cswalker21 that's better

    • @ayandak47
      @ayandak47 3 роки тому

      @@cswalker21 NextJS is a React framework. You will love it

  • @thelonercoder5816
    @thelonercoder5816 3 роки тому +4

    As someone learning react, this was a great explanation for me to visualize it's use vs Vanilla JavaScript.

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

      how far did you go and what's like the journey ahead as someone started react? I'm confused and react seems hard

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

      @@zakariahassan123 start with javascript and react becomes 10x easier. If you don't know javascript, youll struggle. So I'd say spend twice the amount of time on javascript as you spend on React. On top of just learning, actually build projects. Have a habit of building 1-2 projects a week (for small ones) & for the big projects, one every 2-3 weeks and I guarantee youll have enough experience to get a job after like 6-7 months.

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

      @@thelonercoder5816 are you working?? Are you self taught or CS?

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

    Here I am. I have just started, some weeks ago, to learn JS. I will be here and take over any knowledge you release.
    Thank you for this and see you.
    I think about buying one course of yours, I will see to it

  • @alexgomez9033
    @alexgomez9033 5 років тому +6

    I really needed this video on React. Thank you so much for this video kyle!

  • @CJTheeGuy
    @CJTheeGuy 4 роки тому +1

    My man! You are making my web dev journey so much easier! Thanks dude! You're the goat!

  • @stachowi
    @stachowi 5 років тому +5

    Dude, you're channel is amazing, I watch everything you put out bc it's great and to the point.
    Keep the amazing full-stack content coming!

  • @nijoeli
    @nijoeli 3 роки тому

    Thank you very much, I'm studying on my own to become a front-end dev and your videos are awesome to actually learn something

  • @chahalpawanpreet
    @chahalpawanpreet 3 роки тому +3

    Love your videos! I bought your CSS course a while back and so glad I did. I'm planning to buy the react one too

  • @let_go429
    @let_go429 5 років тому +1

    after hours of reading my Bootcamp's text and going insane about WTF React is... 6 min into this video and I feel like I'm getting it. lol. The course sounds amazing, can't wait

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

    for some reason, i learned how ui components work more in vuejs than in react. im actually glad that its learn concept once, do anywhere is applicable to any framework. besides that, what a great way to introduce react as you explain how components work really well! hopefully more people find you if they wanna deep dive into these stuff! anything you do is highly recommended

  • @Hiatuz4
    @Hiatuz4 5 років тому +3

    I completely agree. The transition is just smooth going form JS to Reactjs. I love React and I've been self-teaching myself. My biggest issue is High Order Components(HOC). this confuses me the most. Thus, why Redux is difficult for me.

    • @WebDevSimplified
      @WebDevSimplified  5 років тому +3

      Higher order components are confusing but with the introduction of hooks luckily those components are not really needed anymore.

    • @Hiatuz4
      @Hiatuz4 5 років тому +1

      @@WebDevSimplified are you serious?! So i can kinda skip it and jump to hooks?

    • @WebDevSimplified
      @WebDevSimplified  5 років тому

      Kind of. You will probably run into HOC while programming in React, but I find it easier to tackle when you get to that point. The way I use to understand them is that HOC are very similar to higher order functions, such as the popular array methods like map.

    • @ErikA-kx9dg
      @ErikA-kx9dg 2 роки тому

      hahah fucking fraud, easy? fuck you

  • @threeone6012
    @threeone6012 4 роки тому

    I just bought your React course.
    You have the best Dev channel on UA-cam.

    • @WebDevSimplified
      @WebDevSimplified  4 роки тому +1

      Thank you so much! I really appreciate the support. I hope you enjoy the course.

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

    clear and concise, definitely trying to build a to-do list now

  • @itscaptainterry
    @itscaptainterry 5 років тому

    I haven't started any proper small project to get into coding yet(either due to lack of need or want, not sure myself) , but I just love watching these videos. Keep it up!

    • @WebDevSimplified
      @WebDevSimplified  5 років тому

      Thank you! I really hope you find the time or motivation to create something soon. It is incredibly rewarding.

  • @maskman4821
    @maskman4821 5 років тому +3

    I have signed up, looking forward to the course, hopefully the ui of the course project is polished !!!

    • @WebDevSimplified
      @WebDevSimplified  5 років тому +3

      Thanks. The UI design for the project is bare bones since the focus is on React and I didn't want to spend a bunch of time doing CSS in the course.

  • @SuperLukiano
    @SuperLukiano 5 років тому +1

    Bro, you rock. And I've seen A LOT of tutorials. Yours are best by far. I am SO going to check that React tutorial of yours.

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

    Your channal should go viral

  • @yazraf
    @yazraf 5 років тому +1

    The teaching thing, you have it.
    I can easliy understand everything you say i am sure the course you give will be very good, when its out i will look at buying it for sure.

    • @WebDevSimplified
      @WebDevSimplified  5 років тому

      Thank you so much! Your support means so much to me :)

  • @toptenlife704
    @toptenlife704 4 роки тому

    One of the best out here.....much love and respect...Please continue uploading.

  • @yonnierenton6177
    @yonnierenton6177 3 роки тому

    I Just have to Make This Public....., I have studied them all (non Paid)... This Channel is GOLD.... Super Thankyou.... Saving my Pennies for "Web Dev Simplified"... And "MoralisWeb3"... Well Done! I soon, Will be a Paying Customer for These Fine Academy's... SOoo Excited

  • @ojashwanikatiyar9313
    @ojashwanikatiyar9313 3 роки тому

    its my first comment on youtube .
    brother you have sach skills to define tough things in simple way

  • @maximilianaxelstuelhoch7580
    @maximilianaxelstuelhoch7580 5 років тому +1

    You are really simplifying the web for us. Thank you. Big like 👌👍

  • @forbidden_lion
    @forbidden_lion 5 років тому +3

    Bruh! So less subscribers for a super high quality channel. We need to question life

    • @WebDevSimplified
      @WebDevSimplified  5 років тому +1

      I'm glad you enjoy my videos. Thank you

    • @dominikl2815
      @dominikl2815 5 років тому +1

      Dont worry, time ultimately decides the real value of market.

  • @RoshanKrSoni
    @RoshanKrSoni 5 років тому +1

    Finally i got tutorial of yours in React.. Love u bro ❤️🇮🇳🇮🇳

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

    I agree with Ammar Halees' comment below. THIS CHANNEL is over the top fantastic 🎉🎉 Every video is sooooo informative and easy to follow. This video helped be make some decisions. I am way past the launch date BUT going to get your React course. I just saw it is in easy-to-digest small sections.....LOVE THIS.

  • @mojtaba-8297
    @mojtaba-8297 5 років тому +1

    Thank's for create this course

  • @shubhamdandekar20
    @shubhamdandekar20 4 роки тому

    This video rally helped me knowing react. Now i'll use it for sure.

  • @dipenchavda6988
    @dipenchavda6988 3 роки тому

    Bro everything was great but you gotta learn to blink some times man you just stare and stare it looks a bit unnatural but man seriously amazing insight into reactjs. Thank you.

  • @sofianebm7492
    @sofianebm7492 4 роки тому

    thanks for the clarification kyle , keep going you re doing a great job !!!

  • @GauravKumar-ue7nz
    @GauravKumar-ue7nz 3 роки тому

    Amazing Explanation, I really like your No Big project style.

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

    Another great video!! I'm having a hard time switching to component-based thinking, but I think the more I code the more it'll sink in for me.

  • @anotherhumanLingLing
    @anotherhumanLingLing 3 роки тому

    Your videos are always super helpful and easy to understand!!

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

    I'm very bad at simplifying, but also I really needed to watch all these videos, so thanks so much, simpifying things helps with burnout, also cool to see I'm not the only developer without the dev beard, lolz 😆🧑‍💻

  • @sherifsalah5563
    @sherifsalah5563 5 років тому +1

    If you recommend it, i'll sure learn it.

  • @westfield90
    @westfield90 5 років тому

    Yay cannot wait for the course

  • @MDeik
    @MDeik 5 років тому +1

    Perfectly explained...Thanks

  • @9gager87
    @9gager87 5 років тому +2

    I really like your channel, please keep the videos coming!

  • @aashishkushwaha3740
    @aashishkushwaha3740 5 років тому +12

    You're awesome Kyle, yet another masterpiece from the magician ... Thanks

  • @nabiisakhanov3522
    @nabiisakhanov3522 4 роки тому +1

    Could you please consider making a similar video explaining Angular 2+?

  • @MarshallSC1
    @MarshallSC1 5 років тому +1

    Heeey, you actually mentioned Svelte in a video about React! The future is getting closer, haha!
    Could we expect something more about the futur...I mean, about Svelte... on this channel ?
    Thanks!

    • @WebDevSimplified
      @WebDevSimplified  5 років тому +1

      You will. It probably won't be super soon since I still need to learn svelte but it is very interesting to me and I want to learn it.

    • @MarshallSC1
      @MarshallSC1 5 років тому

      @@WebDevSimplified Hey great. No problem, man. Take your time to learn it.
      And its not only interesting, its truly reactive, unlike React, has super small app size, since it doesn't have framework code, has component scoped CSS styles, so there are not style collisions, its faster, simpler to learn and use and much more.
      People with experience and knowledge in multiple JS frameworks say - the future of Web Dev.
      Thanks.

  • @forgiveness_denied
    @forgiveness_denied 5 років тому +1

    duuude i’m on list already!

    • @WebDevSimplified
      @WebDevSimplified  5 років тому +1

      Nice! Only a couple more weeks before the release!

  • @tonyzhao7915
    @tonyzhao7915 5 років тому +1

    Love your videos man. BTW can you make a video on closure?

    • @WebDevSimplified
      @WebDevSimplified  5 років тому

      I have been meaning to do that, but have been struggling to find an easy way to make it simple to understand.

  • @senkottuvelan
    @senkottuvelan 3 роки тому

    Man you are underrated and I mean it. 🎉

  • @KTM625Girl
    @KTM625Girl 3 роки тому

    This was incredibly helpful, thank you

  • @HeribertoNieves
    @HeribertoNieves 3 роки тому

    tbh i will be subscribing soon to your patreon for sure, i just always get your explanations

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

    thank you for this video!!

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

    Please keep making videos!!

  • @jimhalpert9803
    @jimhalpert9803 3 роки тому

    the lego analogy was really good

  • @DeepakGupta-hj2dv
    @DeepakGupta-hj2dv 5 років тому +3

    Please make on series Express and node js

    • @WebDevSimplified
      @WebDevSimplified  5 років тому +9

      I have a full stack node.js playlist that covers exactly that.

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

    I been watching videos on react and wondering why I wouldn't just make it in js lol
    Thanks for the clarification, I finally understand the application of react

  • @arvindchauhan8439
    @arvindchauhan8439 4 роки тому

    Thanks for the video!! Appreciate your efforts :)

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

    Thank you brother 🙏🙏. Good expain

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

    Thank you!

  • @JAm101Es
    @JAm101Es 4 роки тому

    I like your videos sir and thank you for showing up in youtube. Looking forward for more videos.

  • @jishabipin9228
    @jishabipin9228 3 роки тому

    thank you man!

  • @reynaoldman9100
    @reynaoldman9100 3 роки тому

    Thanks 😊
    This was very useful 👍🏻

  • @aashayamballi
    @aashayamballi 5 років тому +1

    Thanks Kyle... 😊😊😊

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

    this man is starring in my soul

  • @dndLeitch
    @dndLeitch 4 роки тому

    Bro do a Podcast please. It would be legend!

  • @adamtak3128
    @adamtak3128 5 років тому +1

    Can you provide showcase of the projects you'll work through in your course?

    • @WebDevSimplified
      @WebDevSimplified  5 років тому +2

      That is a pretty good idea. For the most part the projects are not the focal point of the course since they are just a means to an end. Unlike most courses this course is not about building a big end product but instead about learning in depth what React is and how to use it in a project.

  • @moizkhalid2714
    @moizkhalid2714 4 роки тому

    Please make a video on React architecture.

  • @its4zahoor
    @its4zahoor 5 років тому +3

    How are you highlighting components? Is it React Dev Tools or Video Editing?

    • @WebDevSimplified
      @WebDevSimplified  5 років тому +5

      It is video editing. I use a tool called figma to create graphics for the video and that is what I did the highlighting with.

    • @its4zahoor
      @its4zahoor 5 років тому

      @@WebDevSimplified Great.

  • @trekandtaless-pz8tw
    @trekandtaless-pz8tw Рік тому

    great work.

  • @ValentinHuwer
    @ValentinHuwer 4 роки тому

    Sounds more like a video on frontend frameworks in general than a video about react in particular

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

    Hello Kyiel, when are gonna create a react js course?

  • @ardhiansyah5156
    @ardhiansyah5156 3 роки тому

    bro, you are amazing...

  • @inferno5
    @inferno5 10 місяців тому +1

    I would have bought that course if it wasn't that expensive, not everyone's from usa

  • @usama57926
    @usama57926 4 роки тому +1

    thank u so much

  • @oblivion6672
    @oblivion6672 5 років тому +4

    Will you start doing tutorials on react?

    • @pocho1664
      @pocho1664 5 років тому

      indeed , please!!

    • @WebDevSimplified
      @WebDevSimplified  5 років тому +3

      I will. I am excited to start diving more into React.

    • @oblivion6672
      @oblivion6672 5 років тому +1

      @@WebDevSimplified Me too! Just got into learning react!

    • @digigoliath
      @digigoliath 5 років тому

      Yes , pls. I just got started & it's interesting even though I find it kinda difficult.

  • @MrJeffreycao
    @MrJeffreycao 4 роки тому

    this guy never blinks

  • @usama57926
    @usama57926 4 роки тому +1

    great video...

  • @Pebbw
    @Pebbw 5 років тому +2

    Would you recommend learning js before starting to learn react or other js frameworks?

    • @WebDevSimplified
      @WebDevSimplified  5 років тому +5

      Yes. I would say you should learn enough JS that you feel comfortable using it and have built a few small applications with JS before learning React.

    • @Pebbw
      @Pebbw 5 років тому +1

      @@WebDevSimplified okay thanks

  • @anastasiosarvanitis9533
    @anastasiosarvanitis9533 5 років тому +1

    Great video and by the way I love your hair style ;-)

  • @3491da
    @3491da 3 роки тому

    The way I understood this was basically: Rather than counting out a dollar in Pennies with pure JavaScript, React is like doing it with Nickels as well.

  • @hafkori704
    @hafkori704 4 роки тому

    You have the greatest way to teaching , you are amazing , please follows him

  • @nicolasmayorga8288
    @nicolasmayorga8288 3 роки тому

    Nice video ! I got a question: In what moment should i start learning React, i mean i need to be an advanced user with Javascript or just the fundamentals.
    Thanks.

  • @Snesgamer
    @Snesgamer 4 роки тому

    You mention that learning one of the three popular frontend libraries (React, Angular, Vue) will put you ahead of a lot of other job seekers. Are there really enough people who start putting in web-dev job requests WITHOUT knowing one of the three that it's that big of an advantage over other potential applicants?

    • @gadxgaming7705
      @gadxgaming7705 4 роки тому

      every job like more than 90% require you to know one of the 3 frameworks. so to be honest here if you know one of the 3 frameworks that will let you just enter the job market. it won't give you any advantage whatsoever.

    • @Snesgamer
      @Snesgamer 4 роки тому

      @@gadxgaming7705 That's what I thought. It sounded a little weird in the video, lol

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

    How many hours will take this playlist.?

  • @willysnowman
    @willysnowman 5 років тому +1

    Please do hooks!

    • @WebDevSimplified
      @WebDevSimplified  5 років тому +1

      I will. The course is entirely based around using function components and hooks

    • @willysnowman
      @willysnowman 5 років тому +1

      @@WebDevSimplified Nice!

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

    Your non-blinking eyes makes me uncomfortable 🤣
    But no compromise on tutorials. Great one. ❤️

  • @Venom-ne4ox
    @Venom-ne4ox 3 роки тому

    How did you highlighted that stuff with colors? Great vid.

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

    Hey thanks man

  • @mahmoudhassen4463
    @mahmoudhassen4463 4 роки тому +1

    I'm planning on learning React but I wonder how long does it take to completely master it?

    • @joe-un1ky
      @joe-un1ky 4 роки тому +1

      Honestly if you know JavaScript to an intermediate level you can pick up React really quickly. Mastering it is another story, as always

  • @SpiritualFacts
    @SpiritualFacts 5 років тому +5

    You are becoming stylish day by day. I can see it. What is the secret?

  • @georgevarelas5073
    @georgevarelas5073 4 роки тому +1

    Hi Kyle. Please tell me what key you press at 4:32?

  • @lukehero
    @lukehero 4 роки тому

    But you have components in vanilla JS usung the Shadow DOM, they are super easy to use, they look almost identical to them in React. I thought I was missing something with React but I guess not 🤷‍♂️Also appending HTML items in JS is super easy, just appendChild, done.
    Not having a dig or anything btw, love your videos!

  • @kapilxtio3330
    @kapilxtio3330 4 роки тому

    I am gonna learn react Hurray!

  • @golakjena
    @golakjena 3 роки тому

    Great videos. Is the full react course available in Udemy?

  • @achmadmarendes
    @achmadmarendes 3 роки тому

    Subbed
    Greetings from Jakarta

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

    His voice is AI

  • @chang112x
    @chang112x 5 років тому +1

    I like react, but i prefer Angular, because it is more structured and makes more sense from a dev perspective. Also AngularJS is a really good and quick jQuery Alternative, you just plug the cdn and you are ready to code. You should learn it. :)

  • @yonnierenton6177
    @yonnierenton6177 3 роки тому

    The best Dev Channels.... And I bet They're Musician's Lol