Table of contents
If you want to jump to other parts of the tutorial, use table of contents.
I install jquery-ui in a standard way known from other libraries.
npm install jquery-ui --save-dev
This command downloads jquery-ui and adds a proper entry to package.json.
Importing jquery-ui problem
jQuery UI contains some components that I would like to use - like a dialog. The problem is that jQuery UI creates functions in objects from jQuery. Here is a sample dialog creation.
Importing the whole script
ECMAScript 6 has another syntax of import statement that I can use to import a script that exports nothing.
I just add the above line to the file that requires the dialog function. Notice that the script I import is one of many available in jQuery UI. dialog.js contains functions for jQuery UI dialogs, but there are some other. Use the one you need.
This article showed how to use JS scripts that export nothing.
Source code created in this part is on tutorial/part11-jquery-ui branch on GitHub.
Look here for the next part of the tutorial.