Skip to content

Instantly share code, notes, and snippets.

@hanksudo

hanksudo/ng-tokyo.md

Last active December 9, 2016 12:19
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save hanksudo/095ac1d894e8cfd4900fa099407cd2a6 to your computer and use it in GitHub Desktop.
Save hanksudo/095ac1d894e8cfd4900fa099407cd2a6 to your computer and use it in GitHub Desktop.
Download ZIP
20161209 ng tokyo
Raw
ng-tokyo.md

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