Progressive Web App - Frameworks and Tools

As we all know...Web Page is a document(https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model). So when you deal with all these abstracted frameworks and tools, it is important to remember, behind what you see in the browser, is a document with bunch of elements in it :-)

So,  you will hear about so many tools and stacks....My basic philosophy is, know one tech stack and stick with it...Concepts are the same and it is easy to learn new tech stack, once you know what happens under the hood using one stack... 

So, I use following for my web development.

You need something for Styling, DOM manipulation and animations, UI framework / state management.

HTML5/CSS - Foundation Framework and Twitter Bootstrap. SaaS.

Javascript : JQuery.

Web Charting : Depending complexity of the app, some of the following can do the job.

https://thenextweb.com/dd/2015/06/12/20-best-javascript-chart-libraries/#.tnw_XJNLFWhw

App Frameworks:  Angualr.js(https://angularjs.org/). React.js(https://facebook.github.io/react/).

Dev Tools:

You need something for Package management, Linting, Bundling, Testing, Debugging.

Grunt.(https://gruntjs.com/)

Require.js(http://requirejs.org/)

JSLint(www.jslint.com/)

Gulp(https://gulpjs.com/)

Debugging Tools:

https://developers.google.com/web/tools/chrome-devtools/