JavaScript: export vs export default - creating modules

Veröffentlicht am: 06 März 2023
auf dem Kanal: Game Dev for Noobs
70
0

JavaScript Code can sometimes grow to huge sizes.
When everything is in one place, one file, it can be overwhelming and hard to navigate through.

To help maintain order, you can use something called a "module".

What is a Module?

A module is simply a file, a regular file, containing a smaller part of the code responsible for a specific action, such as the visual appearance and functionality of a button. Only that button and that's it.

So, each module has its function and can be imported.

What does it mean to import? It means to transfer the functionality of one module to another part of the code. It's like copying code from one place to another while maintaining readability.

Thanks to this, you can create code that is easier to understand, but also easier to develop and maintain in larger and more complex web applications.

In short, export and export default allow you to download code fragments that you have written and make them available in other parts of your program.

It's like having your own library of code that you can use whenever you need it!

Now, I know what you might be thinking: "That sounds great, but how do I actually use export and export default in my own code?" Well, it's actually pretty easy! All you have to do is use the "export" keyword to share specific code fragments with other parts of your program. And if you have a main piece of code that you want to share, you can use "export default" instead.

But here's the catch: it can sometimes be a bit difficult to know exactly when and how to use export and export default in your code. That's why I'm here to help! In this lesson, I'll break down everything you need to know about export and export default, including how to use them, best practices, and examples.

So, are you ready to become an expert in JavaScript export and export default? Let's do it!

More about JavaScript in the course:
https://www.udemy.com/course/javascri...

#js #javascript #javascript_tutorial #exportjs #importjs #exportdefault

0:00 what is a module?
1:18 creating an application in one file
3:36 separating the application into modules
4:25 import
5:31 export
6:09 type "module"
7:44 export default
8:32 mixing export default and export
10:37 export default at the end of the file
11:35 without .js
12:27 importing from lower/higher directories
14:00 exercise


Auf dieser Seite können Sie das Online-Video JavaScript: export vs export default - creating modules mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Game Dev for Noobs 06 März 2023 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 70 Mal angesehen und es wurde von 0 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!