JavaScript by Example

Fixing browser compatibility

To improve the browser compatibility of our Weather Widget, we need the set of polyfills provided by the webcomponents.js library in the: https://github.com/webcomponents/webcomponentsjs repository. These polyfills make our widget work with most of all the modern browsers. To add these polyfills to our project, first run the following command in the Terminal from the project root folder:

npm install -S webcomponents.js

This will install and add webcomponents.js to our project dependency. After that, import it in your home.js file:

import 'webcomponents.js';

Currently, we are initializing the project after listening to the window load event. Webcomponents.js loads the polyfills asynchronously and, once it is ready, ...