Do You Know Enough JavaScript To Learn React

JavaScript Simplified Course: javascriptsimplified.com
React is hard to learn and it is made exponentially hard if you don't first master JavaScript. Most people try to jump into React as soon as possible, but by doing so they are setting themselves up for failure. It is important to take your time to learn all the JavaScript you need first and in this video I will be sharing with you exactly what you need to learn before learning React.
📚 Materials/References:
JavaScript Simplified Course: javascriptsimplified.com
JavaScript Simplified Table of Contents: javascriptsimplified.com/begi...
Reference vs Value Video: • Reference Vs Value In ...
Reference vs Value Article: blog.webdevsimplified.com/202...
🌎 Find Me Here:
My Blog: blog.webdevsimplified.com
My Courses: courses.webdevsimplified.com
Patreon: / webdevsimplified
Twitter: / devsimplified
Discord: / discord
GitHub: github.com/WebDevSimplified
CodePen: codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
01:00 - JavaScript Basics
02:16 - Reference vs Value
03:19 - Short Circuiting
03:48 - Array Methods
04:30 - Asynchronous Code
05:30 - ES6 Concepts
#React #WDS #JavaScript

[@dualwan]

basics: 1. scoping 2. callbacks 3. passing functions 4. reference vs value 5. == vs === advance: 1. short circuiting 2. advanced array methods 3. immutability 4. asynchronous 5. concepts of modules 6. concepts of es6 ( i.e. spread operator)

[@lineCooking101]

Asynchronous is my last hurdle and it’s so frustrating. It’s so much information to take in, and implement at once..

[@Arcanist1010]

spread operator and rest operator is pretty basic to understand

[@networkserpent5155]

So learn this before tackling react?

[@kenmtb]

Thanks!

[@Workinghard7]

great

[@Stoney_Eagle]

I learned the basics before starting with React, but by using React and being forced to use all the es6 stuff, I actually got to fully understand them because I saw them at work (or not) 😉 If making a project helps you do it and going trough all of the single things doesn't... Just follow your way of learning and you learn the fastest while actually having fun. I think that's the most important thing to realize. If you're not having fun learning it, you'll hate your job later.

[@ibrahimyakupaydn]

The comment that I am searching for !

[@buster9877]

I absolutely agree. i also learned JS through learning React. i feel like if you already have even a basic understanding of Java syntax then learning react really is enough you’ll need to get at least a decent understanding of JS. Now if i had not known Java, my experience would probably have been different. like you said, if you’re not engaged with learning then you’re in the wrong field.

[@adarshtiwari7395]

I started react 3 days ago and I have learned all the important concepts of JS beforehand. Still making small components and importing one in the other and basically making a chain of suitable components is very confusing for me. I keep getting lost in the shuffle of various components. Hopefully this goes away as I practice it more and more. Any tips?

[@Stoney_Eagle]

@@adarshtiwari7395 Yeah React can be tricky, honestly I never wanted to use it but it proved to be a tool that became perfect for the job so I caved. The most important things to understand are the one way road your data can travel, how to deal with data that needs to be available and editable in multiple places and how the hooks work and which one to use. You can only pass data along to a component, a component can never pass data to a parent component. So if you for example need the username in a navbar after you log them in, you need to use redux or any other global state management. This was for me the hardest part to learn and to get right. And our friend Kyle here has plenty of explainer videos that should help you get started. You can also look up the videos about react from Traversy Media or DevEd, basically my React knowledge comes from these 3 and I created a full frontend to my node backend that serves as a "netflix" like clone that truly works not just a fake mockup. I've set my goal to make it open source and make it useful for anyone that has dvds and blurays. It's not finished yet but I'm already enjoying my blurays Netflix style 😉

[@veoquenoesunproblema]

Any additional advice for someone not enjoying React and low knowledge of JS Vanilla and some knowledge of Axios 😅

[@FriendlyYoda]

Dude, Thank you! Great content. This was so helpful. I rushed into learning React by doing a project without necessarily understanding some Javascript fundamentals and now I feel like I need to take a step back once in a while and ground myself before delving further.

[@rxtechandtrading]

he knows his stuff-BUT hes to quick for beginners -at least that's my 2 cents

[@aeronwolfe7072]

Man, I just want to let you know, I REALLY appreciate your tutorials/work here on yt. You're one of my favorite teachers on the platform! You are very good at explaining things, and I just want to say thank you@!

[@adnanamin3666]

Man! I needed this so badly. Thanks for making a video on this topic. Appreciate the hard work. 🥰

[@busyrand]

Short Circuiting is something I never got a formal explanation on. It's huge for React. Thank you for the explaination.

[@WTFAnyNameWorks]

Bro, you're out of this world! Just watched the free sample videos on your course and I already learned so much! Thank you

[@chuanqizhu1549]

Agree! The vanilla JavaScript might seem to be verbose and slow, but that is the foundation of how the web works. Based on the understanding, the framework of react can make you work more efficiently . So just be patient in learning Js and build some real projects using the the plain JS before moving on to use React. You time will save more time.

[@sashatv138]

So true!

[@JamesFotografia]

You sure about it? I just started Js, if you mind suggest me how much weeks I should dedicate for learning Js alone before moving to react. I am planning to stick on to only front end side

[@rxtechandtrading]

I agree 100% it is the foundation of MANY other languages like C and C++

[@Louisianish]

After learning some basics of Java (the most verbose programming language I’ve ever had the misfortune of encountering) for a class, every other programming language seems so much more concise. Java can be too overwhelming for beginners, IMO. JavaScript, on the other hand, is more my type of language.

[@user-fr2fm3ri3w]

@@JamesFotografia are you still learning ?

[@alfiartya23]

Thanks for this video Kyle. I started to learn JS from the beginning before learn React and it makes me understand more about the basic function, array method, and arrow function

[@shahrukhsaifi294]

How ypu are going now??

[@DannyH77]

@@shahrukhsaifi294 how's your coding skills a year later?

[@josvelema2362]

first! Thnx Kyle , I was planning on learning React in 2022 , but like you said learn (advanced)vanilla JS first to make it easier , which is what I'm currently doing with devoting my time building sites with JS (simple things in the DOM and backend with Node) and mixing it up with an advanced course on JS/es5/es6 etc. So cool thnx for this , shows me I'm on the good path 😃

[@dinghanlim7735]

have been thinking about this question for a few days now and thank you Kyle for posting this video!!

[@Adjust91]

Appreciate the video, I just got back into JavaScript and am comfortable with the basics, and wanted to jump into react 👌

[@sep1ol]

what a great timing for this video!! great content as always, thanks!

[@MrREALball]

I actually started with React BEFORE I learned JavaScript, I did just fine and more than that it was really easy for me to understand the concept of promises & callbacks and values & references. I did know python and php before that though.

[@tahoeskivideos]

This was an excellent video to level set for people on their journey. Too many videos focus on how to learn something but this was different and highly valuable. Thank you for giving us this important context.

[@Unknownbrowndude]

This video came at the perfect time. Thanks Kyle!

[@TheLigitaksas]

Year ago, I almost had zero javacript knowledge, I was trying to learn something about arrays or objects, but without real understanding what to do with them, it was really hard to learn most things. So I kind of rushed to learning React, and it was hardest 2 learning weeks I ever had, I doubted my ability to learn I often thought I must just be too stupid for this :D. But I told myself If others can learn so can I. And after more or less 2 weeks It started to make sense and I could do more and more with it. I would say build few projects following video tutorials. And then build by yourself only using those few projects and google for help.

[@Krishnasaini]

what type of projects should we made?

[@TechInterpreter]

This is a really important point. I took the full JS/React course on Codecademy a while back. I did fine through the JS part but hit a wall about halfway through React. I believe it was because I hadn't really absorbed the JS material fully. A year later, after beating my way through JS and Vue, I think I could learn it easily now.

[@Voidstroyer]

I haven't personally used react that much but I have used Vue and Vue is very close to native javascript in terms of syntax (also very close to native html except for the directives that Vue brings in). React is really different in that it uses JSX. So a beginner in Javascript could learn how to use Vue much easier than react.

[@TechInterpreter]

@@VoidstroyerAgreed. In fact, it helped me better understand JS. Now the concepts I was learning in React make more sense. That's why I think Kyle's point was a good one.

[@rxtechandtrading]

true because you gained the experience at that point- JavaScript is an easy language compared to others -well that's my belief anyway

[@n1mutant]

I am in the same exact boat right now :P did great on my JS blitz through it on codecademy and now I am almost feeling stupid dealing with React... been researching Vue to get some hands on experience with it... do you still recommend Vue to learn or try going at React? Thanks

[@TechInterpreter]

Vue made more sense to me. But I think there are more resources for React. Depends on what you want to do. I'm writing my own app, not looking for a job. If I were in the job market, I think it's try to beat my way through React. To make it easier, I'd first want to create a JS project that encompasses CRUD with a somewhat complex UI (ie, not a to-do list!) to really get the JS down. Then dive back into React. If you are just doing your own projects, stick with Vue and incorporate Quasar.

[@housnialami4330]

I watched many of your videos in the past, I just checked in to say thank you!

[@sasss7060]

Thank you so much for this Kyle!

[@pfcokelly]

I'm in build beginning projects phase of js and re-doing some freecodecamp problems. Learning react felt like a I've should of started already thing, this helps and perfect timing.

[@TomasMisura]

Last couple of weeks I was thinking about start programing with React. I realize my knowledge of JavaScript is not good at all but recently I have seen a video where was made Google Keep clone with React that gave me more insight about React more than any tutorials watched before. Based on I have decided do not hesitate and next year I'll start to learn React...

[@hassaneoutouaya]

Thank you for the golden advice!

[@shonuff4323]

I am learning react now, and I can say, being well versed in JS is important. If I didn't know JS well, I would be struggling.

[@hakunamatata1427]

Hi Kyle, Please reply, Do i need to know html and css before learning to react..? I am a backend developer and worked on js, node js, typescript, electron js, microservices architecture and but not on frontend.

[@techedzee]

Everything you said is super simple to me. Weird that I watched your video and was engaged the whole time. Nice 👍 story telling

[@TechX5others]

Thanks a lot for this. Glad I took the necessary JavaScript fundamentals before going into react

[@adarshmishra6071]

1. SCOPING 2. CALLBACKS 3. PASSING FUNCTIONS 4. REFERENCES versus VALUES 5. == versus === 6. ADVANCED LOGIC (short-circuiting) 7. ADVANCED ARRAY METHODS 8. IMMUTABILITY 9. ASYNCHRONOUS CODE 10. CONCEPTS OF MODULES 11. CONCEPTS RELATED TO ES6

[@maddy5996]

100% agreed, as i am currently learning react though my vanilla js knowledge is pretty strong. React still questions my understanding about JavaScript and what kyle said, is 100% accurate if not more 😊

[@robertbalassan]

if you say so....

[@wernerw.1328]

Thanks a lot for the warning. This video shows me that I have to improve my knowledge in html, css and js first.

[@BusinessWolf1]

Knew some of this, but realized there's much more to it all

[@alexanderleonardo5649]

i jump in angular, react, vue before learn what javascript is. it worked . lol

[@tyv1383]

He’s trying to sell you something

[@stranger_4803]

Is it really possible to learn react without knowing javascript ?

[@akshatagrawal9495]

@@stranger_4803No

[@cuanokingstephenict12b63]

​@@stranger_4803 learn the basics and youre fine

[@rahmanmusah4470]

@@stranger_4803yeah. you'd be so confuse if you learn react without learning javascript first because react uses a syntax called jsx which is the combination of both html and javascript

[@michaelt1349]

Kyle, if you ever do a course on Angular (say versions 11 and higher) , I will definitely purchase it!

[@recursion.]

+1

[@NoorFatima-dp6ow]

Awesome video. Start another video series and explain JavaScript concepts for reactjs

[@defcamar9208]

I needed this 🔥

[@smk97top]

It sound like in the long run, mastering vanilla JS will ultimately save you time when learning React. I would assume that one could learn react and go back on key JS concepts in the midst of the process, but I like the idea of having a great JS foundation and not having to spend that time re visiting the core concepts.

[@iamthesupercheeseman]

Also, if you're ever in the situation of needing to read vanilla JS code it wont be an issue, and long term wise its good to have strong coding fundamentals. Just in case if, say, web assembly replaces javascript in 10 years. Vanilla JS fundamentals can transfer better to other coding languages like python, etc.

[@linouzz1732]

@@iamthesupercheeseman bruh like what you said until u brought the topic/battle saying python is better than js 🥺

[@chubbyBunny94]

Yeah but money

[@sarasalas537]

Good vidéo I really understand the importance of good basis of JS for react

[@tinpham6413]

I think you also need to learn WebPack, npm, js module before a Framework and build a project from scratch with those knowledge and you will soon realize why we need a framework, then learn React. React run webpack behind the scene, so learn those before will less boring

[@XxxSucks4UxxX]

This. CRA is great to get your feet wet with React, but moving forward it’s a good idea to learn how to set up a React boilerplate with webpack or another bundler of choice.

[@subhajitghatak9589]

You really simplified the web dev

[@CreativeTutorialsWeb]

Master teacher Thanks so much Kyle ❤️

[@usmana2z]

Hi Kyle it’s really helpful. I have a one question thou do you really talk like 1.5 x speed normally ? Would be nice if you take a breath while talking :)

[@mohammadkhakhsoor2068]

If its possible , plz creat a video and explain in depth what is immutability and mutablility

[@TheBlackmanIsGod]

CAN YOU MAKE A VIDEO ON “controlled randomness”, and how to think with it and solve real world problems with it like an AB testing situation????

[@lefty2014]

Thank you! Most of your videos are quite useful.

[@GuRuGeorge03]

my first experience in JS was after learning just a bit in Java and then jumping right into react. I was able to create a webapp with it, but I was totally overwhelmed lmao. in a weird way it made me a better programmer, because the entire struggle made me really cherish learning proper design patterns, coding paradigms and such. Now i know better, but it would probably not have happened as fast and with such big motivation if I hadn't struggled so hard in the beginning

[@harshu2651]

Same , I also jumped in react but now I understand the importance of JavaScript. I m going back to learn more JavaScript then i think react will be more easy and fun.

[@customname4680]

Same

[@helpfulprogrammer]

Awesome video, Kyle! Learning ES6, as well as npm and yarn really helps.

[@MrHandoman123210]

I started on react native before I learned JavaScript or react, there’s no order, and a lot of people are better at learning by doing

[@Noble909]

I had a mild understanding of Javascript peticulars before embarking on a large react project. And let me tell you, you're going have to learn async code, array methods, objects, destructuring, modularity, callbacks, interpolation, immutability... You gotta know or learn it all to come even close to having a successful project.

[@samsunggalaxys7806]

I love that you section off everything don’t waste my time with small talk 🙏🏽

[@martinc4403]

Does this apply to any javascript framework? I'm trying to learn angular.

[@OpenJavaScript]

Learning a JavaScript framework too early is like giving pro-carving skis to a beginner. You need months of programming experience behind you before it makes any sense. FWIW, here's my rough checklist: - Higher-order functions - Object-oriented programming (at least conceptually) - Arrow functions - Object and array destructuring - Asynchronous JavaScript

[@kevinwaag9976]

That's why I had so much trouble!! I don't understand callbacks and half of the things you mentioned are either unknown or confusing

[@ZANES-YT]

Can we get this with angular as well, Ik a lil of topic since it is actually typescript but still...

[@promohican8222]

Great video Kyle

[@acidhauss7018]

I personally just dove into React (as a C# developer) and picked things up fairly quickly with a fairly poor understanding of JavaScript. IMO the most important thing is you work on a project with experienced React developers so you can learn most efficiently e.g. || operator, ternaries etc.

[@thatoneuser8600]

Those binary and ternary operators are in C# as well?

[@FracsoMehdi]

Still getting a good grasp of JS before getting into React is better, if not, you will struggle with many things like state not updating because of stale vars inside closures

[@HandledToaster2]

@@thatoneuser8600 of course

[@osamajune9]

@@FracsoMehdi you are r8 I am going through that :(

[@FracsoMehdi]

@@osamajune9 do not worry, you'll get pass through it. True difficulty of React does not appear until you start building a real life application instead of side projects or a small portfolio

[@NNNedlog]

Thanks a lot Kyle

[@htcsaj7876]

Does anyone have code or tutorial for landing page in react with basic CSS.I don't want reactstrap or bootstrap.I use map and props.

[@francescos7001]

I was waiting for a video like this for a loooooong time. Great content as always!!

[@stem_school]

Where can I find the table of content of all this? thanks

[@ilan117]

Hi Kyle. Is your react course that is linked to this video is up-to-date with version 18? I am very much interested. Thank you for helping us 🤲

[@WebDevSimplified]

It is not. I am in the process of a React 18 update that I plan to release this year.

[@ilan117]

@@WebDevSimplified as soon as you can 😊 can’t wait. Thank you Kyle 🤲

[@slipstream01]

Ive been following ur content since 6 months.. now uve helped a lot to get a lot of concepts cleared.. please make a video for OOP. Advanced Thank u

[@adarshchakraborty]

Please make a video on next.js

[@nathangwyn6098]

Every time i'm studying and need a refresher, I go on youtube and type in my question. 9 times out of 10 your lovely face pops up. The only construction criticism I have is, is maybe try to be more fun? You come of very informal,.I tend to get sleepy with your longer lessons, still--love the content,.You have tons of it, probably a chore at this point haha.

[@EngineBoy]

Lol. I just damn started react after django. Now got employed and working on a massive restaurant management project.

[@BoredBricks]

How well should we know DOM manipulation before moving onto React?

[@334Bena]

Not really necessary in most cases, React has a very different way of handling the DOM.

[@joegreen427]

new to programming but is the modules thing you said similar to how game dev works. like the different classes. example movement class, death class, etc...

[@lowlay964]

Thank you!

[@rexx3574]

Dude, can u make a tutorial how to make a drope down or a slider price list picker, example for cleaning service company, when clients choise size of their apartment, regularly, once a week, once in two weeks, once a month, so they can even choise in this pocket for a period 3 months time, 6 months time or 12 months time, for a better price. Let me be clear. Example, once in two weeks for 6 months period. I hope u'll read my comment. I am a beginer coding and love ur skills. Keep it up.

[@amitmondal7427]

I used React JS for some personal project, I realized it is too much slow. It make websites load time slow. So I converted all my React JS web app to normal express & handlebar app.

[@ZiveoKretenizam]

I can't belive, I just wanna learn react, tnx

[@manfriny_]

Unfortunately, for someone who lives in another country and whose currency is not dollars, it is very difficult to buy the course. For someone from the USA the cost of the course is around 10% of the minimum wage. For me, it's almost a whole salary, for other countries, it can reach 2x, 3x the salary. BUUUUTTTTTTTT, Keep going on the EXCELLENT FREE CONTENT on KZbin, you are one of the bests content creator for Devs. Congrats!!!

[@WebDevSimplified]

I understand it can be hard to afford course with USD prices which is why I offer PPP pricing. You can email me which country you are from and I can offer a coupon to help pay for the course based on your country.

[@manfriny_]

@@WebDevSimplified TYSM for the reply.

[@suryapratapsingh5149]

is react suitable for enterprise-level projects? Please guide me here

[@nics.nvrlnd]

thank you sir! however, idk if you speak really fast or it's just the playback speed 😅

[@jasonhuang4333]

I started React without ES6 knowledge. It basically forced me to learn ES6 along with React. So it is good to try some React and study JS along the way

[@dauqu3053]

Great Video Thanks

[@twitchizle]

I started in order, node express js vue html css react

[@ChrisFotosMusic]

You should know javascript well before learning react, but also don't be afraid to jump in and start learning it. I waited too long when I was learning, and I regret it.

[@rezahoseinkhani2547]

very good contents helps me alot thank you

[@charlie-george]

Are there any videos like this out there for Vue?

[@NR1612]

Can you do a video on routing in react

[@ovskihouse5278]

I like ur content. I don't foget timestamps tech 👍

[@jacobmiller38]

Is the general idea the same for Vue?

[@kizhissery]

can you make tutorial on rust/go?

[@fueledbycoffee583]

I can tell you that when i started my web dev journey 4 years ago i tried to learn first react or vue. Huge mistake. I could not understand a thing. Fast forwards 3 years, plenty of jquery experience, regular DOM manipulation and even attempted to create my own reactive library something clicked. If am already trying to create a poopier version of what react / vue already did, i may as well just learn them. Took me just days to get familiar with the technology. So yep. Alway start with basics and ascend in the tree of knowledge

[@adhdmed]

Please make a beginner tutorial for webpack 5.

[@lauris5275]

I tought i knew JS well enough to start React. And i was wrong. Worst part is that im so used to vanilla JS making projects that it really is hard to go from vanilla js to react. I look at project, it looks simple in JS but impossible in react for me. Cause I have feeling that im doing like a mix between react and vanilla js. Not the actual react.

[@advlogs8832]

Can please explain Debouncing and throatling in javascript

[@kirillvoloshin2065]

I have 2.5 years of professional HTML, CSS and pure JavaScript (making basic web-interfaces and complex logic). Turns out nobody wants to hire me since everyone works with frameworks. Off course I know enough JS to learn react)

[@ohhellothere17]

This.....this is fine🔥

[@petrvictorovich]

You must and you can learn this things in JS or in React it doesn't big matter. It doesn't necessarily to learn it in JS before.

[@gugildak12]

React is written in either JSX and TypeScript, right? ReactJS codebase is Javascript.

[@darshan7107]

Can anyone tell about react and angular js is that are js types!?

[@DimitarGegov]

this is your first video I have watched without showing us any examples of what you are talking about.

[@ExDarkStar]

is your course is availabe in Udemy?

[@pranavwani]

Thank you so much

[@calvinnatanael5905]

Guys i want to ask, if i want to learn React JS, i must learn DOM or not? Or i'm just learning Javascript and ES6 only and next learn React JS. Thanks you :)

[@antrikshtelang4525]

I don't know Kyle if you are gonna check this comment section now or not, but I really want to thank you for this brilliant advice. I tried react without learning the ES6 and as you said, it was a hell lot difficult. Even I had the same misconceptions regarding the "react specific feature" . Really, after learning ES6, React has been super easy for me. Thanks mate!

[@shiva6023]

where did you learn ES6

[@antrikshtelang4525]

@@shiva6023 you can check Programming with Mosh. He has a one hour video on ES6 concepts.

[@tankoibrahim2323]

Thank you so much...

[@viktorberczeli2343]

After few comments it looks like you can just jump to React even before JS or right after some basic knowledge and you are "forced" to learn JS through React anyway. I'm confused.

[@aybak3k]

1:53 wait isn't understanding callbacks the same as understanding passing functions as args?? edit:- good now im ready for react:)

[@aanchaltiwari9205]

ya, exactly my doubt too

[@mentoriii3475]

yep