Skip to content

Instantly share code, notes, and snippets.

@hanksudo hanksudo/ng-tokyo.md
Last active Dec 9, 2016

Embed
What would you like to do?
20161209 ng tokyo

20161209 Google ぐぐる Tokyo 速記

1. Angular Everywhere

講者:https://github.com/robwormald

速記

Release cycle

2017/03 月要跳過 Angular 3.0.0 直跳 Angular 4.0.0

一開始 2.0.x, 2.1.x 往 stable

2.3.x 開始想一些創造性的東西,哪個好哪個不好

半年一個 breaking change cycle

4.3.x 其實就是 5.0.x Beta

  • Naming things is hard 所有東西都叫 Angular, 以後都不加號碼

prefer yarn

Unified Development

  • 77% mobiles sites take longer than 10s on 3G
  • average 1.49Mb / 7sec
  • 53% 5 seconds 跳離

you should just build an app!

Angular Renderer architecture

Progressive web app - app-like user experience

Single pages apps today (讀取一~大~堆~js)

Application Shell

client/server rendered 都做得到

他剛示範了一個寫好的 angular app

直接在 express 裡 import expressEngine from anuglar app

就變 server render

AMP Pages

AMP + PWA

Install Service Worker

PWAMP - Accelerated Mobile Pages & Progressive Web Apps

解決用 mobile web 的痛點

  • Icon
  • Notifications
  • Offline

chrome://serviceworker-internals/

PWA - Already Everywhere

Dependency Injection

例如做 web app 很多麻煩的就是跟 native app 溝通, 就是解決這些問題

2. Angular AoT Compilation

Ahead of Time

React JSX ?

Maybe read

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.