Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Web Componentsの動向とPolymer

ponday
September 22, 2018

Web Componentsの動向とPolymer

Fukuoka Engineers Day 2018 ~Autumn~(2018/09/22)発表資料です。

サンプルアプリのリポジトリはこちら → https://github.com/ponday-dev/lit-element-todo-sample

ponday

September 22, 2018
Tweet

More Decks by ponday

Other Decks in Programming

Transcript

  1. Profile - ponday (Honda, Yusuke) - 株式会社ベガコーポレーション エンジニア - Like

    : TypeScript / Elixir / Python etc… - あいかわらずフロントエンドの人ではない
  2. lit-html - Polymer開発チームが提供 - HTML in JSのための軽量ライブラリ - ReactでいうJSXの立ち位置 -

    Polymerから独立している - 差分更新にも対応 ※Polymerのサンプルのhtml関数は厳密にはlit-htmlとは異なる
  3. 設計まわり - HTML in JSという観点ではReactやVue.jsと同じ - 特にReactとは共通点も多い - HOCなど、既存のノウハウも適用できそう -

    他のFWと併用するならレイヤーを分ける - DOMツリーの末端のコンポーネントのみなど - 混ぜると状態のやり取りなどでカオスになる