インラインコンポーネント

Qwikの強力な機能の1つは、遅延読み込み機能です。各コンポーネントは、オンデマンドでダウンロードされる個別のシンボルを生成します。これにより、多数のコンポーネントで構成される大規模なアプリケーションを構築し、現在のビューに必要なコンポーネントのみをダウンロードできます。

ただし、場合によっては、親コンポーネントと一緒にコンポーネントを読み込みたい場合があります。たとえば、常に<App>コンポーネントと一緒に使用される<Greeter>コンポーネントがある場合、<App>コンポーネントと一緒に<Greeter>コンポーネントを読み込みたい場合があります。これはインラインコンポーネントと呼ばれます。

この例では、<App>コンポーネントと<Greeter>コンポーネントが用意されています。<Greeter />コンポーネントはcomponent$()メソッドを使用して宣言されており、Qwikコンポーネントです。component$()を削除して、<Greeter>インラインコンポーネントに変換します。

「シンボル」タブを開くと、<Greeter />コンポーネントが独立したエクスポートではなくなり、<App>コンポーネントの一部としてバンドルされていることがわかります。

チュートリアルの編集