See how Stencil fits into the entire Ionic Ecosystem ->

Stencil is part of the Ionic Ecosystem ->

Register now • Stencil Enterprise Webinar: Design Systems at Scale

再利用可能なコンポーネントを構築、導入。

Stencilは、再利用可能でスケーラブルなデザインシステムを構築するためのツールチェーンです。あらゆるブラウザで動作する、小型で高速かつ100%標準ベースのWebコンポーネントを生成します。

デザインシステムとフレームワーク共通で使えるコンポーネントの促進

The magical, reusable web component compiler. Start building in seconds.

Web Componentsベース
非同期レンダリング
TypeScriptサポート
一方向データバインディング
コンポーネントのプリレンダリング
シンプルなコンポーネントの遅延読み込み
JSXサポート
依存関係のないコンポーネント

はじめるのは簡単です：:

$ npm init stencilRequires NPM v6

より詳しくはじめ方を確認する

Stencilはウェブプラットフォームとは戦いません。それを受け入れます。

シンプル
意図的に小さなツール、小さなAPI、ゼロ構成により、Stencilは邪魔にならず、作業に集中できます。
軽量
小さなランタイム、事前レンダリング、およびネイティブWebコンポーネントの生のパワーにより、Stencilは最も高速なコンパイラの1つになっています。
将来への対応
オープンWeb標準に基づいてクロスフレームワークコンポーネントと設計システムを構築し、フレームワークチャーンから解放されます。

設計システムを構築するための完璧なツール。

大規模で一貫したUXとブランドエクスペリエンスを確保する
Webコンポーネントは任意のプラットフォームまたはデバイスで実行されます
チームやプロジェクト間で機能するカスタムUIライブラリを構築する

Stencilを使用した設計システムの構築について詳しく知りたいですか？

すぐに使える素晴らしいDX

ホットモジュールのリロード用の組み込み開発サーバー
スクリーンショットのビジュアルUIの差分
コンポーネントドキュメントの自動生成
(CSS変数を含む)

すべてのアプリに対応するコンポーネントライブラリを構築できます

Stencilコンポーネントは単なるWebコンポーネントです。そのため、主要なフレームワーク、または、フレームワークなしでも機能します

Stencilがどのようにシームレスに統合されるかを学ぶ:

Stencilストーリー

Stencilは、世界中の500万人以上の開発者が使用するクロスプラットフォームのモバイル開発テクノロジースタックであるIonicFrameworkのコンポーネントを強化するために作成されました。

コンポーネントコンパイラの設計

v1の発表を見る

ローンチビデオを見る