VueJS Lazy Loading, Search & Sorting
Learn how to filter, paginate and sort using React JS. We will compare Frontend and Backend API Filtering with two different API Endpoints. One will be a simple endpoint where you return all the data and we will filter everything in the frontend, the other will be an endpoint where we will apply custom Pagination, Search & Sorting.
Search API: https://github.com/scalablescripts/search-api
Check more tutorials:
Vue 3 and Nuxt.js: Different Ways of Creating Vue Apps: https://scalablescripts.com/p/vue-nuxt
Get access to all my courses for 15$/month: https://scalablescripts.com/p/membership
00:00 Preview
01:34 Prebuilt Backend
03:02 Setup
06:35 Components & Routes
10:27 Loading Products
16:18 Backend Searching
24:50 Frontend Searching
29:32 Backend Sorting
33:20 Frontend Sorting
36:47 Backend Lazy Loading
42:04 Frontend Lazy Loading
43:59 Hiding Load More Button
#vue #vuejs #javascript
Suggest:
☞ Vue js Tutorial Zero to Hero || Brief Overview about Vue.js || Learn VueJS 2023 || JS Framework
☞ Learn Vue.js from scratch 2018
☞ Is Vue.js 3.0 Breaking Vue? Vue 3.0 Preview!
☞ Vue.js Tutorial: Zero to Sixty