Use The Platform

Front-end frameworks like Angular, React, and Ember are popular for building web apps, but are they essential? We'll look at how leveraging native browser capabilities with decoupled tools can provide long-term flexibility and maintenance.

This was a talk given at the 2017 Des Moines Web Geeks Social Event.

The presentation can be viewed at eheikes.github.io/use-the-platform-talk, or from the dist folder in this repository.

References

• Web Components collection, resources, and more: https://www.webcomponents.org
• Vanilla JS "framework": http://vanilla-js.com
• Shadow DOM tutorial: https://developers.google.com/web/fundamentals/getting-started/primers/shadowdom
• Custom Elements tutorial: https://developers.google.com/web/fundamentals/getting-started/primers/customelements
• <template> info: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template
• Polymer website: https://www.polymer-project.org/
• Mobile performance talk: https://www.youtube.com/watch?v=4bZvq3nodf4

Local Build

The presentation can be built and served locally using Node.js. To begin, git clone this repository and then run npm install at the command line (in the new folder).

The npm tasks are:

• npm run clean -- Deletes the dist folder
• npm run build -- Compiles the presentation into the dist folder (you'll need dos2unix on your machine)
• npm start -- Starts a local server to serve the presentation
• npm run deploy -- Deploys the presentation to the Github Page