How to use ES6 Modules to separate your javascript into multiple files #shorts

A short breakdown of how to use import and exports in javascript es6 modules.

My VSCode Extensions:
- theme: material community high contrast
- fonts: Menlo, Monaco, 'Courier New', monospace
- errors: Error Lens
- extra git help: Git Lens
- tailwind css intellisense
- indent rainbow
- material icon theme
- prettier & eslint
- ES7+ React Snippets

------------

[shafiulAlamShafi]

Excellent effort for JavaScript community

[aikb]

Keep up brother your vids are so informative

[klevisimeri]

I always watch your videos and they are pretty nice 👍!

[boredomindex]

Something I was looking for, thanks a lot

[zachb.]

name = 'wjd'
wwjd = 'what would junkies develop?'

[hadawardgz]

you forgot the *.js* extension in Node is experimental but in browsers it is still necessary to have

[TarekFaham]

Can you show an example using traditional HTML JavaScript with modules?

[mohammed.haydar]

shouldn't you be adding .js extension to the importing statement at the file path? or it's not mandatory ?

[abdultheseekerofknowledge]

Wish JS had the flexibility of Python, it is super easy to import from other files and install libraries in Python, Js make it unnecessarily hard imho

[PatalJunior]

And if you export default there is no need to do { MY_NAME } and can do
import wathever from '. /file'
and will execute what you exported by default.

[ers]

How come sometimes we use Curly Braces when importing but in other cases, there are no curly braces?

[doddledev]

Great job you're doing. Beginners can learn a lot watching at your video's.

Now... I know it's a short. But here I'm missing the correct context and the "why" and "when" you can split your code into different files. There is not much value in just showing you can export and import a simple constant. Although I understand your purpose is to show the concept of export/import

[gamezone]

But i think we have to add type = module in script tag before using this

[somebody_]

Wouldn't you need this to be a web server before you can use js modules?

[floydfernandes]

what's the extention that gives errors next to code?

[kingl]

Can you explain when to use { } for imports and when not to?

[akotechonline]

Does this required NODE to run properly?

[ibrahimahmed]

What if you have 100s of variables you want to export would you write export before all of 'em ?

[islomurodov]

It didn't work for me. Is there any plugin to install it.

[mohdnasir]

Does it export by value or by reference?