Polymer Projectによって提供されているWeb Componentsを簡単に作成できるライブラリLitElementを紹介します。
ToDoリストアプリのコンポーネントを分割し、プロパティとイベントを使い、コンポーネント間のデータの受け渡しを実装します。
lit-htmlで作成したテンプレートをLitElementのコンポーネントの中に組み込み、データをバインドして、コンポーネントの骨組みを作ります。
lit-htmlにはレンダリング結果をカスタマイズできるディレクティブと呼ばれる関数があります。使用頻度が高いディレクティブの機能と特徴を解説します。
LitElementを構成するライブラリlit-htmlはLitElementのDOM操作を担当しますが、単体で使うこともできます。このライブラリの使い方を把握しましょう。
Polymer Projectによって提供されているWeb Componentsを簡単に作成できるライブラリLitElementとlit-htmlを紹介します。まずはライブラリ全体の概要からです。