usage.md

Usage & Learning

I am using Dummy JSON API to fetch data. You can replace it with your own API. Checkout Dummy JSON API here

• The Most important project lies in src/routes/+page.server.ts file.
• here you can query the data from the API and pass it to the +page.svelte.
• The base of all features lies in get, set and goto functions.

Pagination

• we will be using limit & skip to paginate the data.
• default limit is 10 and skip is 0.
• when user clicks on the next button, we will increment the skip by 10 and fetch the next 10 records.
• for specific page, we will calculate the skip value and fetch the records.
• Checkout Pagination View Component for detail implementation.

Debounce Search

• we will be using throttle-debounce library to implement the debounce search.
• when users inputs the value after 300ms we will set the query value as q=michael and fetch the data.
• Checkout Search Input Component for detail implementation.

Sorting

• we will be using sortBy & order query to sort the data.
• sortBy will be the key on which we want to sort the data for example id,firstName.
• order will be the order of sorting asc or desc.
• Checkout Table View Component

Filtering

• we will be using different fetch url to filter data based on the query.
• here we are using key and value to filter the data.
• for example key='company.title' and value='Sales Manager'
• This will provide all the users who works in compnay with title Sales Manager.
• Checkout Filter Component for detail implementation.