JavaScript ES6 Modules
HTML-код
- Опубликовано: 22 сен 2024
- With ES6 JavaScript changed from a programming language that many people dreaded using to one of the most popular and loved languages. Of the new changes in ES6 the addition of modules was one of, if not, the biggest change that pushed JavaScript to where it is now. Modules make it so much easier to write clean and reusable code. In this video we will discuss how to use ES6 modules and why they are so important to JavaScript.
ES6 Modules Article:
blog.webdevsim...
Async vs Defer Video:
• What Is The Fastest Wa...
Twitter:
/ devsimplified
GitHub:
github.com/Web...
CodePen:
codepen.io/Web...
#JavaScript #ES6 #Modules
Dude ... I've watched a lot of videos recently trying to understand ES6 modules and why they weren't working for me. You nailed my issue and cleared up a lot of confusion.
I'm really glad my video was able to help!
Kyle is a very gifted presenter. Very. You are right.
true, I haven't seen in any other tutorial that I have to type in script type="module" , I was wondering why my function calls are not working in other .js file
that rare thing - a tutorial about modules which doesn't assume I already know how to use modules
many thanks for sharing your knowledge; totally got me up and running
subbed
you really live up to your channel name. i've been through countless channels to get a better grasp on ES6 and yours are by far the best. other channels tend to speedrun their tutorials without explaining everything while you do it nice and simple. wish i found you sooner.
I've come to the conclusion that this guy is the worst teacher ever seen. He explains like a monkey with brain damage. I don't know what you're talking about but this is terrible on so many levels.
Literally the best ES6 tutorials on the internet. So simple yet so powerful :)
I've come to the conclusion that this guy is the worst teacher ever seen. He explains like a monkey with brain damage. I don't know what you're talking about but this is terrible on so many levels.
I'm Chinese, love this, he help me past me master classes.
What a beautifully clear, succinct, calm and focussed video! I learned more in five minutes of watching you than I have in hours of reading elsewhere. Brilliant!
This channel is a goldmine! :D
Thanks!
Continuing to provide awesome content, as always! 🔥
Thanks!
Looks like I need to run that code with Live Server in order to avoid getting errors related to CORS Policy. Great tutorial! Subbed.
thanks to Ritwick Dey for gifting us Live Server
This is important and should have been mentioned in the video.
- a guy who learned this the hard way 30 minutes into a timed interview assessment, no servers allowed. Now, i still passed since i have chops. Close call though
Dude, thank you soo much. Before I was so confused/stuck on "require" topic but now since you've explained it to us in such a way I can understand it now. Once again, thank you!
Such a clear explanation of a subject that so many Devs struggle with explaining to beginners
Thank you so much,
I learned export and import in js very easily for the first time.
I loved the way you only used export keyword before functions and that you explained default export very well.
Best wishes
You are a Godsend! No amount of time spent on 100s of tutorials and documentation made me understand JavaScript as much as your videos did. Kudos!
OMG what an awesome way to explain it. I literally spend 3 days without understanding how export and import worked and you made it seem so easy through coding and examples!! I definitely susbscribed!! Keep it up!! Thanks so much!
+1 because you are so spontaneous that you include your own faults and recognize them. That places you and we at the same level, not better, not worse, but in different stages.
can't be any clear than this explanation. bravo to you. you the best
Thank you!
He is the new Bucky Roberts
Bucky Robert is the first greatest free GOOD tutorial that happened to us on RUclips... with detailed free lectures. then traversy media, fireship, webdev SIMPLIFIED... GREAT GUYS
Holy fucking shit... I finally understand what modules are, and not only that, now I finally understand when you're supposed to use braces in import statements and when not to... Bro, you deserve to be world-famous, seriously. This is amazing.
thanks for the detailed yet simple explanation of this concept
Still the best learning channel for me, simple, straight, and sharp information. Keep up the good work bro. Thanks.
I have a CodeCademy account, and the funny thing is: after doing the exercises there or if I'm stuck, I come here and get the better understanding of the subject. Please keep these videos up! xD
These are the best tutorials on the internet, you are a talented natural teacher.
Thank you, I'm actually going through a coarse over coursera and you just made it way easier. Appreciate it
I actually did enjoy the video, very much. Thanks
You are welcome!
Your explanations are top-notch. Your choice of what to teach is very relevant, especially to beginners, like me. I have been following your videos for the last few months, and they are really helping me understand JavaScript. It's very hard to quit when there are content creators like you to help. Keep up the great work bro.
damn, imagine knowing this before learning React. Here I am thinking this looks just like React but obviously it's just JS syntax that I was un familiar with before starting with React
Bayo106 It is always suggested one learn the underlying language basics before working with or learning a framework. It can make it very difficult to see the difference between JS and the framework.
I also thought the same thing. I had a hard time trying to learn React, but now I know that JS was what I didn't know back then.
i came here to learn modules bec they say that it's a pre-requisite in learning react. haven't started react tho
You can actually use React with ES6 modules because React is a library and not a Node.js framework. See i5ar/create-react-without-jsx-app on GitHub.
@@RyanValizan obviously but I didn't know es6 to this extent
Thought it was about time for me to learn how to use ES6 modules. I thought this video was practical and to the point. I can put to use what I learned from it right away. Thanks!
I'm really glad I could help.
Thank you very much for this video. I was stuck as I was getting errors then after adding - type='module' in script tag in HTML everything resolved. I am grateful for this video.
Thanks for the help!
Super clear beginner friendly explanation! Thx!
You're welcome!
came across this channel for some revision, amazing content
Explained in a very simple way and just in minutes.
Thank you so much for this. Just going over this topic and it looked rather confusing until you went over it :)
Excellent, succinct video on ES6 Modules. Thanks, Kyle
{2021-06-14}, {2022-03-07}
great video! I was reading the doc and it toasted my brain. i didnt understand anything but i got it instantly after wathcing this. you explained the concepts very well 👍
Simply great and justified as channel name
Clear and to the point. Thanks!
Great explanation! First time viewer +1 subscriber
Thanks! I'm really glad I could help.
Thanks for your work! I have to say, I think you are the best youtube about javascript/web that I have seen. Thank you so much :)
Thanks.
Really awesome short and depth video. Cheers
Neat and simplified Explanation :). Thanks.
Straight, to the point, no fluffs = (Attention + Learning) >= (Knowledge + Success) = $$$
I'm glad you enjoyed it.
What to say! Man your a genius, a champ. You make things so simple to understand..
Very good and simple explanation, both for beginners and people who want to revise. Like + subscribed.
Thank you so much! I'm glad you enjoyed it.
As always, thank you so much.
Your videos are always the first I watch when I'm learning new things.
Another great video!
I have a question... Where does the exported data live? Is it loaded in client's memory?
Well done. I feel like I learned a lot in a short amount of time. Subbed.
That is great! That is my goal with these videos.
Same here. Came for a snack...got a meal. 👍
@@NeilTruick I like that analogy.
thank you so much body, you saved me from lot of errors !
This guy explain everything in a very good way, like it!
5:03 "If you save that, it'll say user's name is 11, which as we both know is incorrect"
El from Stranger Things: "Am I a joke to you?"
You are always king 👑. Your teaching style is very organized!
Thank you so much!
You just made my day.
thanks bro, you save me a lot in the deadline..
The channel deserves to have minimum 2 million sub
You have to make a Udemy "MODERN JAVASCRIPT COURSE" - Your way of explaining concepts are simple and easy to understand. You are a very good teacher. Looking forward to buying your new Udemy course. ;) Thanks for the help!
We need a babel vid from you Kyle!
Keep it up, mate, you are doing a fantastic job here. Thanks for that! ;)
Thank you. Kyle. You teach so well that I can follow you and understand..
Your explanation is so clear, every time..
Very clear, well-explained, step-by-step js juice here. Thanks!
This was right to the point with a lot of great info in a short video. Thanks, subbed
I'm really glad you enjoyed it.
Nice video... You should use the `.mjs` extension for modules so you know the file is a module without even open it.
really like the way you explain the thing. Just to the point. Thanks.
You're welcome!
love this guy way of explaining
This really helped. Nice simple lesson to drive home fundamentals. Thanks!
I'm glad I could help!
Thank you so much for these
you really simplified it!!! Thank you!
Thank you! Very well explained! 💛
Besides traversy ,dev ed and 2 more good guys I subscribed to your channel too. U are great dude.
This cracked open modules for me finally, thanks!
Very clear and straightforward explanation...
One thing I want to point out... for God's sake, master the language not the framework.
When one masters new Js capabilities, it is easier to understand tools like VueJs and React and not see them as a magic blackbox.
You made me feel like this was easy enough and i should have known this a long time ago, but not in a bad way.
Thanks man. This was helpful.
Thanks man! This helped me a lot...
Thank you for this crystal clear video!
Boom, you got a new subscriber 😁
This channel is really great
thanks! will probably watch more of your videos as I embark on my JS journey!
Really good video :)
I tried to follow the same procesure but it's not working for me as I get a CORS error: edge browser can't access filesystem on its own and it needs a localhost server to do that.
The same happens with Google Chrome and Brave also.
Really nice videos, finally I kind of understand modules, i´ve been fighting them in the new versions of three.js and its driving crazy,.
its clearing my mind abou t ReactJS
Awesome! Thanks buddy
Very simple and clear video. Thanks!
You're welcome!
Thank you very much for this :) It was very informative :)
Great channel man, thanks for the great videos
It would have made more sense to me if instead of explicitly exporting from one file to another, you simply import the file, and explicitly excluded anything that you didn't want to export. I'm guessing that they did it this way because JavaScript lacks the functionality of public/private access modifiers and just importing the entire file could lead to nameing conflicts. I hope that they add access modifiers in the future.
That was great👍💪
Amazing, like always!
YOU DESERVE WAYYYY MORE VIEWS MY MAN
Great explanation and demo 👍. Keep them coming 🤓
Thanks! I'm not planning to stop anytime soon.
Web Dev Simplified looking forward to the next one 🤓
Great, thanks! Short and on the point
I'm glad you enjoyed it.
Manooo você é doidera demais!!!! valeuuuu caralhooooo
amazing! thank you so much!!!
Amazing video, thanks a lot
Best explanation I've heard so far So exports is kind of like public in c sharp
Thanks for the hard work
Great vid, very informative. Thanks.
Thank you for this clear lesson.
My man great VIDEO! Totes helping me out with my development. Keep up the awesome work and I hope you getting paid!
You never disappoint me kyle
really well explained! Thank you:)
pls someone answer me what happen when we import just a part of module like an object in react or js
1- can we access other function in the module
2- is all module geeting excuted
3- what really happen behind the scene
Crystal clear! Thanks 💪