> 웹 프론트엔드 > JS 튜토리얼 > 필터에 로컬 상태 사용 중지 - 이유는 다음과 같습니다.

필터에 로컬 상태 사용 중지 - 이유는 다음과 같습니다.

Patricia Arquette
풀어 주다: 2025-01-06 21:03:55
원래의
773명이 탐색했습니다.

실수로 페이지를 새로 고친 후 신중하게 선택한 필터를 모두 잃어버린 적이 있나요?

최근에 이런 일이 있었습니다.

웹사이트를 확인하던 중 항목을 20페이지로 필터링했는데 누군가 전화해서 모바일 핫스팟 연결이 끊어졌습니다.

통화 후 페이지가 다시 로드되어 중지했던 20번째 페이지로 이동하려면 다시 클릭해야 했습니다.

이게 무슨 뜻인가요?

이는 단순한 성능 문제로 인해 회사가 많은 돈을 잃을 수 있음을 의미합니다.

또는 필터링된 검색결과를 친구와 공유하고 싶었지만 공유할 수 없었던 경우는 어떻습니까?

이것이 바로 지역 상태 필터링의 문제입니다.

Amazon이나 여러분이 알고 있는 인기 전자상거래 웹사이트에서 쇼핑하는 것을 생각해 보세요. 어떻게 할 수 있는지 알아보세요.

  1. 여러 필터 적용
  2. 정확한 상품 검색을 다른 사람들과 공유하세요
  3. 특정 검색어 북마크
  4. 브라우저 버튼을 사용하여 이전 검색으로 돌아가기

이것이 바로 URL 매개변수의 전부입니다!

URL 매개변수가 로컬 상태보다 나은 이유:

— 더 나은 UX를 위한 상태 지속성

네트워크 결함이나 실수로 다시 로드하는 등 무슨 일이 일어나더라도 페이지가 다시 시작될 때마다 필터링되거나 페이지가 매겨진 데이터의 상태가 그대로 유지됩니다.

— 필터가 있는 공유 가능한 링크

물론, 데이터 상태가 URL에 보관되므로 누구와도 쉽게 공유할 수 있으며 상대방은 귀하가 보고 싶은 내용을 정확하게 볼 수 있습니다.

대신: "전자제품을 선택하고 가격대를 100~500달러로 설정하세요..."

공유하기: yoursite.com/products?category=electronics&price=100-500

— SEO 혜택?

검색 엔진은 필터링된 페이지를 찾아 색인을 생성할 수 있습니다. 더 많은 가시성과 더 많은 트래픽!

최근 '라고스의 미니 아파트'라는 키워드로 부동산을 검색했는데, Google에서 검색한 결과 중 하나가 필터링된 검색결과로 표시되었습니다. 라고스에서 부동산 목록 웹사이트에서 이용 가능한 모든 미니 아파트를 보여주는 페이지입니다.

멋지죠?

— 쉽고 빠른 브라우저 탐색 ⚡

이전 필터 조합으로 돌아가고 싶으신가요? 뒤로 버튼을 누르시면 됩니다.

참고: 이는 선호도에 관한 것이 아니라 더 좋고 사용자 친화적인 애플리케이션을 구축하는 것입니다. 사용자는 감사할 것이며 수많은 골치 아픈 일로부터 벗어날 수 있을 것입니다!

Stop Using Local State for Filters — Here is why

위 내용은 필터에 로컬 상태 사용 중지 - 이유는 다음과 같습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿