JavaScript Modules with Import/Export Syntax (ES6) - JavaScript Tutorial

In this video I'll be showing you how to use native JavaScript Modules with the import and export syntax in JavaScript - this works on major browsers such as Chrome, Firefox, Safari and Edge.

Modules allow you to separate your code into individual chunks or components, allowing for easier maintainability and better file organization.

Support me on Patreon:

For your reference, check this out:

Follow me on Twitter @dcodeyt!

If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!

[dcode-software]

*HOW TO BUILD YOUR OWN JAVASCRIPT LIBRARY WITH MODULES:*

🏷 *THE ULTIMATE JAVASCRIPT DOM CRASH COURSE* 👇

[daquirisoft]

God, this type of clarity and conciseness is so rare. Excellent explainer.

[wianll]

I've been using a form of this in Angular this whole time and didn't even know you could do this in vanilla js. Thanks for the run-through! 🐱‍👤

[adriansun]

This is how a tutorial is made. No introduction. Straight to the point and only the point. Everything about it is given.

[deniskomarov]

Been trying to get these imports to work for a long time now. Thanks so much!

[XxPepperxX]

NO ONE ON STACKEXCHANGE COULD EXPLAIN THIS. Thank you!

[jahmiel]

i was struggling with js modules, as soon as i watched this video i figured out my mistake for not including the .js extention. Thanks to dcode, i now uderstood why its was giving mw errors

[sparshgupta]

YOU DESERVE A MILLION + SUBSCRIBERS SIMPLE BUT GREAT EXPLANATION IN A SHORT VIDEO...AMAZING

[pjf]

Thanks so much. I was so confused over import and export for a long time but you really simplified it! Makes total sense

[sher.]

Nice. Video. Commenting her to tell the universe that I understood your video. Crystal Clear Concept. Thankyou for the upload.

[anthonyfrimpong]

Great explanation. i'm new to the coding business and learning on my own. your explanation is so simple to understand as compared to some for the resources i have bought online. Thanks

[rachidahireche]

The explanation in this video is amazing, thank you

[Ginfio]

Thanks for this video. I used import/export last year, now I'm learning the same thing as a refresher, and it makes a lot sense watching this video.
Thx

[sadface]

I have been putting everything in the same JS file for years... never knew this was possible in JS. This changes everything.

[espanol]

Thx so much for making this video. Finally I'm able to understand it :D

[jasonrbodie]

Great tutorials man! Great explanations, great examples, great everything. Thank you!

[gerardpalagalofre]

Perfectly clear, well explained. Thank you :)

[Epikht]

Thanks a lot. you are the only person to explain this topic so well in youtube

[kingofstride]

Thank you so much; great video! Cheers from Sweden 🇸🇪😊

[anitasunildesai]

Thanks for the great, detailed explanation.