Maison > interface Web > js tutoriel > Arrêtez d'utiliser l'état local pour les filtres - Voici pourquoi

Arrêtez d'utiliser l'état local pour les filtres - Voici pourquoi

Patricia Arquette
Libérer: 2025-01-06 21:03:55
original
773 Les gens l'ont consulté

Avez-vous déjà perdu tous vos filtres soigneusement sélectionnés après avoir accidentellement actualisé la page ?

Cela m'est arrivé récemment.

Je consultais un site Web, j'ai filtré l'élément jusqu'à la 20ème page, puis mon point d'accès mobile a été déconnecté parce que quelqu'un m'a appelé.

Après l'appel, la page s'est rechargée et j'ai dû recommencer à cliquer pour arriver à la 20ème page où je m'étais arrêté.

Qu'est-ce que cela signifie ?

Cela signifie que votre entreprise pourrait perdre beaucoup d'argent à cause de ce simple problème de performances.

Ou, que diriez-vous d'un scénario dans lequel vous vouliez partager vos résultats de recherche filtrés avec un ami mais ne pouviez pas ?

C'est le problème du filtrage par état local.

Pensez à faire vos achats sur Amazon ou sur tout site de commerce électronique populaire que vous connaissez. Remarquez comment vous pouvez :

  1. Appliquer plusieurs filtres
  2. Partagez la recherche exacte de produits avec d'autres
  3. Ajouter des recherches spécifiques à vos favoris
  4. Retournez aux recherches précédentes à l'aide des boutons du navigateur

C'est tous les paramètres d'URL en action !

Pourquoi les paramètres d'URL sont meilleurs que l'état local :

- Persistance de l'état pour une meilleure UX

Quoi qu'il arrive, qu'il s'agisse d'un problème de réseau ou d'un rechargement accidentel, l'état de vos données filtrées ou paginées reste chaque fois que la page est à nouveau ouverte.

— Lien partageable avec filtres

Bien sûr, puisque l'état des données est conservé dans l'URL, vous pouvez facilement le partager avec n'importe qui et il verra exactement ce que vous voulez qu'il voie.

Au lieu de : "Hé, sélectionnez les appareils électroniques, puis définissez la fourchette de prix entre 100 et 500 $..."

Partagez simplement : votresite.com/products?category=electronics&price=100-500

— Avantages du référencement ?

Les moteurs de recherche peuvent trouver et indexer vos pages filtrées. Plus de visibilité, plus de trafic !

J'ai récemment recherché une propriété avec un mot clé comme celui-ci : 'Mini appartement à Lagos', et l'un des résultats que j'ai obtenus sur Google m'a amené dans un résultat de recherche filtré. page me montrant tous les mini-appartements disponibles à Lagos disponibles sur le site d'annonces immobilières.

Cool, non ?

— Navigation simple et rapide dans le navigateur ⚡

Vous souhaitez revenir à votre combinaison de filtres précédente ? Appuyez simplement sur le bouton Retour - cela fonctionne

REMARQUE : Il ne s'agit pas de préférence mais de création d'applications meilleures et plus conviviales. Vos utilisateurs vous remercieront et vous vous épargnerez d'innombrables maux de tête !

Stop Using Local State for Filters — Here is why

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal