About This Demo

This application demonstrates two different approaches to managing state in a React application with data filtering capabilities:

Component State

Uses React's useState hook to manage filtering state locally within the component. The state is lost when refreshing the page or sharing the URL.

Try Component State

URL Search Params

Uses URL search parameters to persist the filtering state. The state is preserved when refreshing or sharing the URL, making it more user-friendly.

Try URL Params