Giter VIP home page Giter VIP logo

answers-app's Introduction

ng2-application-shell

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

Work in Progress!

answers-app's People

Contributors

alxhub avatar jeffbcross avatar jteplitz avatar patrickjs avatar robwormald avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

answers-app's Issues

add testing for scripted creation of app

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.

User should log in with Github

  • Disable authentication requirements on server
    • Set up a Github app token
    • Configure Firebase for Github
    • Create login status widget
    • Auth service to manage state

Set up production hosting environment

  • Set up an HTTP/2 server for local and deploy
  • Continuous integration deployment with GH/Travis
  • Configure SystemJS for HTTP/2-optimized barrel loading
  • Get a certificate
  • Get a domain
  • Set up Firebase

angular2-universal updated to beta.3

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.

Experiment with RenderService decorator with markdown editor

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.

WebWorker needs to play nice with universal preboot

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.

fix Backend.js to work on node.js with Firebase

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.

Add load timing benchmarks

  • Set up benchpress infrastructure for local testing
  • Measure time to see content
  • Measure time to finish preboot

chore(npm): shrinkwrap dependencies

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.

User should be able to ask a question

  • New Question routable component
  • Dumb component for editing question content with markdown support
  • Service to manage questions with persisted cache

App should run in a Web Worker

App will run in a web worker by default.

  • Have app bootstrap from worker
  • WebWorker should play nice with Universal
  • Make custom element wrapper for Material Design Lite lifecycle management
  • Perhaps a wrapper for markdown editor (CC @robwormald)
  • Make sure implementation works with popup or redirect authentication flow in #1
  • Add preboot library to app

Set up matrix-based performance testing

We should be able to performance test different measurements with different variables.

Things to measure:

  • Time to first interaction on first page load
  • Time to first interaction on subsequent page load
  • FPS of interactions with certain components

Variables

  • With service-worker caching
  • With HTTP/2 server
  • With throttling
  • With Web Worker
  • With bundle or with unbundled library

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.