インラインコンポーネント
Qwikの強力な機能の1つは、遅延読み込み機能です。各コンポーネントは、オンデマンドでダウンロードされる個別のシンボルを生成します。これにより、多数のコンポーネントで構成される大規模なアプリケーションを構築し、現在のビューに必要なコンポーネントのみをダウンロードできます。
ただし、場合によっては、親コンポーネントと一緒にコンポーネントを読み込みたい場合があります。たとえば、常に<App>
コンポーネントと一緒に使用される<Greeter>
コンポーネントがある場合、<App>
コンポーネントと一緒に<Greeter>
コンポーネントを読み込みたい場合があります。これはインラインコンポーネントと呼ばれます。
この例では、<App>
コンポーネントと<Greeter>
コンポーネントが用意されています。<Greeter />
コンポーネントはcomponent$()
メソッドを使用して宣言されており、Qwikコンポーネントです。component$()
を削除して、<Greeter>
をインラインコンポーネントに変換します。
「シンボル」タブを開くと、<Greeter />
コンポーネントが独立したエクスポートではなくなり、<App>
コンポーネントの一部としてバンドルされていることがわかります。