はじめに

LitElementとは?

LitElementはどんなフレームワークのどんなWebページでも動作し、軽量で高速なWebコンポーネントを開発するためのシンプルなベースクラスです。

描画(レンダリング)にlit-html(高速HTMLテンプレートライブラリ)を使い、プロパティとHTML属性を管理するAPIを追加します。プロパティの変更は監視され、要素が変更されると非同期で描画が更新されます。

アプリを構築するのであれば、ぜひPWA Starter Kitをチェックしてください。

クイックスタート

インストール:

npm install --save lit-element

インポート:

import { LitElement, html } from 'lit-element';

LitElementのサンプルプロジェクト

次のステップへ