日本語版
最新ニュース
世界

Inertia 2.0がリリースされ、非同期リクエストをサポートしています

慣性チーム 最近リリースされた慣性2.0。新機能には、非同期リクエスト、延期された小道具、プリフェッチ、ポーリングが含まれます。非同期リクエストにより、同時性、怠zyなロードなどが可能になります。 たとえば、リンクのプリフェッチは、ユーザーが要求する前にバックグラウンドでデータを取得することにより、アプリケーションの知覚されたパフォーマンスを改善します。デフォルトでは、イナリティアは、75msを超える後にユーザーがリンクを越えたときにページのデータをプレイします。デフォルトでは、データを30秒間キャッシュしてから追い出されます。開発者は、Cacheforプロパティでカスタマイズできます。 Svelteを使用して、これは次のように見えます。 「@inertiajs/svelte 'a href = "/users" use:inertia = {{prefetch:true、cachefor:' 1m '}}> usersa> a href = "/users" use:inertia = {{prefetch:true、cachefor:' 10s '} "}> a href ="使用:inertia = {{prefetch:true、cachefor:5000}}> usersa> プリフェッチは、ユーザーがリンクをクリックしたが、まだマウスボタンをリリースしていない場合に、Mousedownでも発生する可能性があります。最後に、コンポーネントがマウントされているときにプレイティングが発生する可能性があります。 inertia 2.0は、visibleコンポーネントを使用したスクロール上の怠zyな読み込みデータを有効にします。 交差点オブザーバーAPI。次のコードは、ロード中にフォールバックメッセージを表示するコンポーネントを紹介します(Svelte 4で書かれた例): スクリプト> '@inertiajs/svelte'エクスポートからのインポート{whenvisible}は、チームのエクスポートLetユーザースクリプト>…

Inertia 2.0がリリースされ、非同期リクエストをサポートしています

1742442154
2025-03-20 02:59:00

慣性チーム 最近リリースされた慣性2.0。新機能には、非同期リクエスト、延期された小道具、プリフェッチ、ポーリングが含まれます。非同期リクエストにより、同時性、怠zyなロードなどが可能になります。

たとえば、リンクのプリフェッチは、ユーザーが要求する前にバックグラウンドでデータを取得することにより、アプリケーションの知覚されたパフォーマンスを改善します。デフォルトでは、イナリティアは、75msを超える後にユーザーがリンクを越えたときにページのデータをプレイします。デフォルトでは、データを30秒間キャッシュしてから追い出されます。開発者は、Cacheforプロパティでカスタマイズできます。 Svelteを使用して、これは次のように見えます。

「@inertiajs/svelte ‘a href = “/users” use:inertia = {{prefetch:true、cachefor:’ 1m ‘}}> usersa> a href = “/users” use:inertia = {{prefetch:true、cachefor:’ 10s ‘} “}> a href =”使用:inertia = {{prefetch:true、cachefor:5000}}> usersa>

プリフェッチは、ユーザーがリンクをクリックしたが、まだマウスボタンをリリースしていない場合に、Mousedownでも発生する可能性があります。最後に、コンポーネントがマウントされているときにプレイティングが発生する可能性があります。

inertia 2.0は、visibleコンポーネントを使用したスクロール上の怠zyな読み込みデータを有効にします。 交差点オブザーバーAPI。次のコードは、ロード中にフォールバックメッセージを表示するコンポーネントを紹介します(Svelte 4で書かれた例):

スクリプト> ‘@inertiajs/svelte’エクスポートからのインポート{whenvisible}は、チームのエクスポートLetユーザースクリプト> svelte:fragment slot = “fallback”> div> loading … div> svelte> whenvisible>

の完全なリスト 怠zyなロードの構成オプション そして プリフェッチ レビューのためにドキュメントで入手できます。慣性2.0は、ポーリング、繰延小道具、および無限のスクロールも特徴としています。開発者はレビューすることをお勧めします アップグレードガイド 詳細については。

慣性は、クラシックなサーバー側のルーティングとコントローラーを使用して、シングルページのReact、Vue、およびSvelteアプリを作成したいバックエンド開発者をターゲットにしています。つまり、最新のシングルページアプリケーションに伴う複雑さはありません。慣性を使用する開発者は、クライアント側のルーティングやAPIの構築を必要としません。

慣性は、最初のページのロードで完全なHTML応答を返します。その後のリクエストで、サーバー側の慣性は、ビューを実装するJavaScriptコンポーネント(その名前と小道具で表される)を使用してJSON応答を返します。次に、クライアント側の慣性は、現在表示されているページを新しいコンポーネントによって返された新しいページに置き換え、履歴状態を更新します。

慣性要求は特定の使用を使用します フルページの更新と部分的な更新を区別するHTTPヘッダー。 X inertiaが絶え間ないか偽の場合、ヘッダーは、慣性クライアントによって行われているリクエストが標準的なフルページの訪問であることを示します。

開発者は、選択したクライアント側アダプターをインストールすることにより、Inertia V2.0にアップグレードできます(例:Vue、React、Svelte):

npmインストール @inertiajs/vue3 @^2.0

次に、2.x開発ブランチを使用するには、InertiAjs/Inertia-Laravelパッケージをアップグレードする必要があります。

作曲家にはinertiajs/inertia-laravel:^2.0が必要です

慣性 MITライセンスの下で配布されているオープンソースソフトウェアです。フィードバックと貢献は歓迎され、慣性に従う必要があります 貢献ガイドライン

#Inertia #2.0がリリースされ非同期リクエストをサポートしています

執筆者について: nipponese

Nipponese News編集部は、国内外のニュースを日本語で分かりやすくお届けします。