JS Modules With Imports And Exports

We use modules to separate our application code into separate units, each of which represents a specific functionality. Modules also allow us to reuse code and integrate features across a variety of applications and services.

With modules, we export and import data with maximum convenience and flexibility. Here I will share some tips for use, explanations and cool tricks you may not have known.

But first we will understand how these two actions are used declaratively:

Import: Allows you to bring a module from another file into the current one. This statement creates a variable whose name is completely arbitrary regardless of what is already in the source file. This allows more flexibility in situations where other variables in the file conflict with each other.

Export: Enable modules to make their local binding externally visible, so other modules can read them but cannot modify them.

Note that you do not need to import all the data from the source file if you are not going to use it. Curly brackets help us get the information that is required. We can also rename the variable we import by adding as.

A beautiful solution to systematically import a lot of different data from a source file is to use the following syntax:

The module system in ES6 also supports modules that are remotely based (e.g. third-party libraries), making it simple to load modules from external locations.

Dynamic import is one of the most revolutionary features of ES6 import capabilities, since it allows maximum flexibility in importing modules, so we can dynamically control whether and when the import has to take place and therefore optimize system performance by lazy loading.

For asynchronous loading, you can also add the await keyword to the import statement.

Since Node 15.3.0, JavaScript Modules are supported.
Adding “type”: “module” to the package.json is required for use.

Thank you for reading. Never let the learning curve stop.

Related posts:

Unless you have not been paying attention, there is a new form of thievery in town with people using mobile money platforms, especially MTN Mobile Money to try to scam money from unsuspecting…

The current implementation of ionic and capacitor cli are not working out of the box with nx monorepos. You can’t just run in terminal ionic capacitor run --livereload neither from root folder nor…

A short poem inspired by the cute, tiny birdie each day in my tree - by thegreensofa.