Port of the Chrome Team's Application Shell architecture to Angular2.
Work in Progress!
License: MIT License
Port of the Chrome Team's Application Shell architecture to Angular2.
Work in Progress!
import 'angular2-universal-preview/polyfills';
see universal-starter for changes
https://github.com/angular/universal-starter/blob/master/src/server.ts
Necessary particularly for Service
Since one goal of this project is to be building Angular CLI add-ons for the best practices in this project (Web Workers, Universal, HTTP/2, ServiceWorker, etc), we should have a script to generate the answers app using Angular CLI (plus some custom macros), which can then be tested with the same E2E tests as the hand-written app.
with the release of 0.50.x
universal has been updated to angular2 2.0.0-beta.3
you can also prerender the application so you won't need to keep your index.html
shell in sync with your application.
We want to experiment with a way to take a service written as if it was written to be executed in the UI thread, and have it automatically wrapped and executed in UI and worker. @jteplitz602 and I began experimenting with using a monkey-patching decorator to do this: http://plnkr.co/edit/8ksPT8TxTocBkOHvuPP0?p=preview
It's hacky to have a decorator doing so much monkey patching, but would be a good start to figuring out how to make this problem easier to solve in Angular in general.
Right now unit tests just run in Firefox on Travis. They should be run against more browsers, particularly mobile browsers.
RecentQuestions
componentQuestionsList
componentQuestionItem
component for rowsFollow-up task to #17
atm the worker sends a message to the ui after bootstrap has completed to tell the UI to call preboot.complete
. However, even though bootstrap has finished on the Worker it has not necessarily finished on the UI when this message is sent. Generally, this results in a flash since there is a slight delay as the server rendered components are removed slightly before the bootstrap components are rendered. It also means we lose the events that preboot is trying to replay.
To fix this, we need a way to know that bootstrap has finished on the UI as well.
In my PR, there is a try/catch around the new Firebase()
line because it was raising an exception when rendering with Universal. This should be fixed to actually create a node-friendly Firebase instance instead of just giving up.
We should start shrinkwrapping dependencies since so many fast-moving projects are used in this project. Right now we lock dependencies in package.json, which gets us some protection, but we should shrinkwrap to protect from dependencies of dependencies.
We should re-use tools from angular/angular, like the script that generates a clean shrinkwrap file.
Question
routable componentApp will run in a web worker by default.
We should be able to performance test different measurements with different variables.
Things to measure:
Variables
I could re-use most of the rules from the example app I created: https://github.com/jeffbcross/qa-app-demo/blob/master/security-rules.json
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.