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

え、まだWeb Componentsを未来の技術だと思ってるの?

ponday
November 05, 2018

え、まだWeb Componentsを未来の技術だと思ってるの?

VEGA Tech Meetup #3 (2018/11/05) 発表資料です。

ponday

November 05, 2018
Tweet

More Decks by ponday

Other Decks in Programming

Transcript

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

    : TypeScript / Elixir / Python etc… - あいかわらずフロントエンドの人ではない
  2. or

  3. これまで Component Component Component State Management Routing State Management Routing

    State Management Routing DOM API 各FWが コンポーネント機構を提供
  4. これまで Component Component Component State Management Routing State Management Routing

    State Management Routing DOM API コンポーネント機構に 各種機能が依存
  5. これまで Component Component Component State Management Routing State Management Routing

    State Management Routing DOM API 独自の要素は 他のFWで流用できない
  6. これから DOM API Component Component Component State Management Routing State

    Management Routing State Management Routing Web Components
  7. これから DOM API Component Component Component State Management Routing State

    Management Routing State Management Routing Web Components Web標準APIによる コンポーネント機構
  8. これから DOM API Component Component Component State Management Routing State

    Management Routing State Management Routing Web Components 各FWのコンポーネントから 利用することができる
  9. Web ComponentsとJSフレームワーク - Web ComponentsはView以外の面倒は見ない - 状態管理 - ルーティング -

    etc… - Web Componentsを使わないほうが便利な場面も - JSフレームワークとは適切に役割分担して使う
  10. 例えばReact + Web Components React Component Redux (State Management) Web

    Components React Router Web Componentsが 面倒をみない機能
  11. 例えばReact + Web Components React Component Redux (State Management) Web

    Components React Router ReduxやReact Routerは Reactから利用
  12. 例えばReact + Web Components React Component Redux (State Management) Web

    Components React Router Reactからプロパティを 渡して利用