So far in this course, any time that we've been building out or javascript programs we've been placing all of the logic for the program in a single file.

In order to start working with javascript modules with the ES6 syntax, we need to have a few more tools at our disposal than we've been working with throughout this course so far.

Now that you have the initial set of ES6 tools installed, now we can actually learn about how we can build modules into our javascript programs.

In the last guide, we walked through how we could integrate both a variable and a function and pass it and export it from one file into another. We utilized a syntax where we were able to use curly braces and then place the variable name or the function name right inside of those curly braces.

So far in this section we've walked through a number of ways that we can import and export code files in JavaScript with the ES6 syntax and we're going to talk now about one more option, and that is the default export and this is going to be something you see quite a bit with the popular frameworks out there.