robwormald/ng2-application-shell

Angular2 Application Shell Architecture

ng2-application-shell

Port of the Chrome Team's Application Shell architecture to Angular2.

Work in Progress!

ng2-application-shell's Issues

add benchmarks for load, transition, and interactions using benchpress

Implement Service Worker / Service worker precache for UI / Shell

Should have a service worker implementation for the UI and application shell files, also set up a pre-caching. Currently supported in Chrome and FF.

cc @alxhub

add HTTP/2 Server

Implement an easy-to-use HTTP/2 server. Ideally, the server should support server push, but connection multiplexing is the bigger priority.

pre-render app with angular/universal

set up production hosting environment

run app in a Web Worker

No description needed.

Add Web Application manifest

Details : https://developers.google.com/web/updates/2014/11/Support-for-installable-web-apps-with-webapp-manifest-in-chrome-38-for-Android?hl=en

Figure out better pattern for the replacing the initial shell with ng app

currently the application shell (header bar, sidenav, etc) are wrapped in the root <app> tag - this basically means that once angular2 boots, the entire shell is replaced with dynamic content.

This currently works reasonably well (the changeover is mostly imperceptible) but is annoying as you have to duplicate and maintain content in two places (the app template and the index.html)

Ideas:

• use server side rendering (duh) for initial load of shell -> cache to SW?
• figure out a way to "project" ng2 into the static shell so that it doesn't have to be replaced at all?
• use some server side task to re-use the app component's template to build the shell