FE Review 2016

Env - Frameworks - Keywords

ENV

BROWSER

  • Tmall: Farewell IE8
  • Polyfillable (Then, Evergreen*)
  • HTTPS、HTTP2、Promise、fetch

Node.js

  • 6.x LTS
    • 97% ES6
  • 7.x
    • DevTools + async*
  • module*

3 FRAMEWORKS

Angular 2

  • ALL-IN-ONE
  • TypeScript
  • Agressive

Vue 2

  • 高速成长的一年
  • 大量的 VUE vs React
  • Weex 加持
  • 优势：
    • 上手简单
    • 配套齐，契合好
    • 吸收了 React 的经验
    • 国内口碑好

React

  • 生态圈最繁荣
  • HMR、Flux、Cli 成为标配
  • 核心的重构和进化
  • RN 有了更多实践

尤小右：Vue.js 渐进式前端解决方案

Key Words

ES6

  • 全面普及
  • Babel / Polyfill
  • ES：Living Standard

WebAssembly

  • Asm.js + NaCl
  • Mozilla, Google, Microsoft, Apple
  • MVP + Demo
  • Spec @ 2017

SSR - Server Side Rendering

  • SPA+
  • ng, vue, react
  • Next.js

PWA - Progressive Web App

  • Offline First (Service Worker)
  • Progressive
  • App Experience + Web Dist
  • Progressive - Work for every user, regardless of browser choice because they’re built with progressive enhancement as a core tenant.
  • Responsive - Fit any form factor, desktop, mobile, tablet, or whatever is next.
  • Connectivity independent - Enhanced with service workers to work offline or on low quality networks.
  • App-like - Use the app shell model to provide app-style navigations and interactions.
  • Fresh - Always up-to-date thanks to the service worker update process.
  • Safe - Served via TLS to prevent snooping and ensure content hasn’t been tampered with.
  • Discoverable - Are identifiable as “applications” thanks to W3C manifests and service worker registration scope allowing search engines to find them.
  • Re-engageable - Make re-engagement easy through features like push notifications.
  • Installable - Allow users to “keep” apps they find most useful on their home screen without the hassle of an app store.
  • Linkable - Easily share via URL and not require complex installation.

小程序

  • BlahBlahBlah
  • PWA Final in WeiXin
  • Open Message*

Web-RTC

  • Audio/Video
  • P2P
    • Peer CDN
    • WebTorrent
    • IPFS, BTFS

Web-Components

  • Shadow DOM / Custom Elements / HTML Import
  • Unpolyfillable

2017 & Beyond

  • Vue - React - Angular
  • Performance (HTTP2, SSR, PWA)
  • Node.js
  • WebAssembly
  • WebVR

FE Review 2016

By Amio

Made with Slides.com

FE Review 2016

  • 416

More from Amio