ホームページ >ウェブフロントエンド >jsチュートリアル >フィルターにローカル状態を使用するのをやめる — これがその理由です

フィルターにローカル状態を使用するのをやめる — これがその理由です

Patricia Arquette
Patricia Arquetteオリジナル
2025-01-06 21:03:55784ブラウズ

誤ってページを更新した後、慎重に選択したフィルターをすべて失ったことがありますか?

それは最近私に起こりました。

Web サイトをチェックしていて、項目を 20 ページ目までフィルタリングしましたが、誰かから電話があったため、モバイル ホットスポットが切断されました。

通話後、ページがリロードされ、停止した 20 ページに到達するには再度クリックを開始する必要がありました。

これはどういう意味ですか?

これは、あなたの会社がこの単純なパフォーマンスの問題により多額の損失を被る可能性があることを意味します。

あるいは、フィルタリングされた検索結果を友人と共有したかったが、共有できなかったというシナリオはどうでしょうか?

これがローカル状態フィルタリングの問題です。

Amazon や有名な電子商取引 Web サイトでのショッピングを考えてください。どのようにできるかに注目してください:

  1. 複数のフィルターを適用する
  2. 正確な商品検索を他の人と共有します
  3. 特定の検索をブックマークする
  4. ブラウザのボタンを使用して前の検索に戻ります

動作する URL パラメーターはこれですべてです!

URL パラメーターがローカル状態よりも優れている理由:

— UX を向上させる状態の永続性

ネットワーク障害や誤ったリロードなど、何が起こっても、ページが再び表示されるたびに、フィルタリングまたはページ分割されたデータの状態は維持されます。

— フィルター付きの共有可能なリンク

もちろん、データの状態は URL に保持されるため、誰とでも簡単に共有でき、見たいものを正確に見ることができます。

代わりに:「電化製品を選択して、価格帯を 100 ~ 500 ドルに設定してください...」

共有してください: yoursite.com/products?category=electronics&price=100-500

— SEOのメリットは?

検索エンジンは、フィルタリングされたページを検索してインデックスに登録できます。視認性が向上し、交通量も増加します!

最近、次のようなキーワードで物件を検索しました:「ラゴスのミニ フラット」。Google で得られた結果の 1 つが、フィルターされた検索結果に表示されました。このページには、物件掲載ウェブサイトで入手可能なラゴスのすべてのミニアパートが表示されています。

クールですね?

— 簡単かつ高速なブラウザ ナビゲーション ⚡

以前のフィルターの組み合わせに戻したいですか?戻るボタンを押すだけです - 動作します

: これは好みの問題ではなく、より優れた、よりユーザーフレンドリーなアプリケーションを構築するためのものです。ユーザーはあなたに感謝し、数え切れないほどの頭痛の種から身を守ることができます!

Stop Using Local State for Filters — Here is why

以上がフィルターにローカル状態を使用するのをやめる — これがその理由ですの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。