JavaScript ES6 Modules
Вставка
- Опубліковано 25 січ 2019
- 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.webdevsimplified.com/202...
Async vs Defer Video:
• What Is The Fastest Wa...
Twitter:
/ devsimplified
GitHub:
github.com/WebDevSimplified
CodePen:
codepen.io/WebDevSimplified
#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
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.
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!
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!
Still the best learning channel for me, simple, straight, and sharp information. Keep up the good work bro. Thanks.
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!
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!
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.
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
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
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?
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.
Thank you so much for this. Just going over this topic and it looked rather confusing until you went over it :)
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
came across this channel for some revision, amazing content
Such a clear explanation of a subject that so many Devs struggle with explaining to beginners
Thank you, I'm actually going through a coarse over coursera and you just made it way easier. Appreciate it
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!
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 :)
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
These are the best tutorials on the internet, you are a talented natural teacher.
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 👍
Continuing to provide awesome content, as always! 🔥
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.
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,.
Very clear, well-explained, step-by-step js juice here. Thanks!
You are always king 👑. Your teaching style is very organized!
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.
Keep it up, mate, you are doing a fantastic job here. Thanks for that! ;)
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
Besides traversy ,dev ed and 2 more good guys I subscribed to your channel too. U are great dude.
This channel is a goldmine! :D
Thanks!
Thank you. Kyle. You teach so well that I can follow you and understand..
Explained in a very simple way and just in minutes.
Super clear beginner friendly explanation! Thx!
You're welcome!
Your explanation is so clear, every time..
Thank you for this crystal clear video!
Boom, you got a new subscriber 😁
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.
Thanks.
Really awesome short and depth video. Cheers
I actually did enjoy the video, very much. Thanks
You are welcome!
My man great VIDEO! Totes helping me out with my development. Keep up the awesome work and I hope you getting paid!
What to say! Man your a genius, a champ. You make things so simple to understand..
Hey Man You are awesome, thank you for this amazing work! well done!
This really helped. Nice simple lesson to drive home fundamentals. Thanks!
I'm glad I could help!
This guy explain everything in a very good way, like it!
This cracked open modules for me finally, thanks!
Great explanation! First time viewer +1 subscriber
Thanks! I'm really glad I could help.
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.
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.
can't be any clear than this explanation. bravo to you. you the best
Thank you!
really like the way you explain the thing. Just to the point. Thanks.
You're welcome!
Nice video... You should use the `.mjs` extension for modules so you know the file is a module without even open it.
Neat and simplified Explanation :). Thanks.
Thank you! Very well explained! 💛
Crystal clear explanations, as usual. I have a question, though: What does Babel do? Does it turn our modules into IIFEs?
A year later i will answer this. It converts es6 and up to older version of js for browsers that dont support somwthing is es6 or up
Great channel man, thanks for the great videos
thanks! will probably watch more of your videos as I embark on my JS journey!
Best explanation I've heard so far So exports is kind of like public in c sharp
Clear and to the point. Thanks!
Very helpful, thank you Kyle 🙏🏻
Thank you very much for this :) It was very informative :)
you really simplified it!!! Thank you!
Good Tutorial. Thanks. Btw, Are you deliberately avoiding Semicolons ( ; ) in each lines??
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!
You just made my day.
really well explained! Thank you:)
YOU DESERVE WAYYYY MORE VIEWS MY MAN
Great, thanks! Short and on the point
I'm glad you enjoyed it.
He is the new Bucky Roberts
Bucky Robert is the first greatest free GOOD tutorial that happened to us on UA-cam... with detailed free lectures. then traversy media, fireship, webdev SIMPLIFIED... GREAT GUYS
perfect video and very high significant information thanks for you and keep going
As always, thank you so much.
thanks bro, you save me a lot in the deadline..
+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.
The channel deserves to have minimum 2 million sub
Thank you for this clear lesson.
Simple explanation. Keep up the good work!
Thanks!
Great vid, very informative. Thanks.
thank you so much body, you saved me from lot of errors !
Thanks! the explanation is so clear.
You're welcome!
love this guy way of explaining
We need a babel vid from you Kyle!
Very simple and clear video. Thanks!
You're welcome!
Thanks man! This helped me a lot...
Simply great and justified as channel name
Straight, to the point, no fluffs = (Attention + Learning) >= (Knowledge + Success) = $$$
I'm glad you enjoyed it.
Thank you so much for these
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 🤓
Thanks man. This was helpful.
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!
Great tutorial. Thank you 💙
Great Explanation! Just a little question. while importing other function which are not exported by default are we destructuring objects? as we know everything in JavaScript exists as an Object. so does this mean these files are also imported as Objects?
amazing! thank you so much!!!
nice explanation as user, you are awesome !!
You never disappoint me kyle
Crystal clear! Thanks 💪
Excellent, succinct video on ES6 Modules. Thanks, Kyle
{2021-06-14}, {2022-03-07}
Just curious -- is the keystroke audio from your actual keyboard? If so, what keyboard do you use? Sounds oddly satisfying.
Also, great explanation, thanks! I just started on modules on Codecademy and they didn't even really explain the basis -- that they're for splitting code into separate files to make them more easily maintained and easier to understand (as well as some accessibility functionality, which you introduced).
That sound is from my keyboard. I have a Razer Deathstalker keyboard. It is essentially the cheapest Razer keyboard you could buy at the time. It was like $30 I think.
Amazing video, thanks a lot
its clearing my mind abou t ReactJS