vue-virtual-scroller VS Vue Storefront

I'll debug this further to confirm, the problem could be rendering that amount of data instead of actually filtering them. I'm using vuejs2, when the user type something I emit an event which in turn will call a computed property that will get trigged to start the filtering then pass that filtered data to a component library as a prop called DynamicScroller which is supposedly described as "Blazing fast scrolling for any amount of data"

To fix this, we can opt for using a Virtual Scroller (luckly for us there is one for Vue 3.0) this will keep our page for rendering so many HTML tags and it will create a smooth and clean experience for our users.

It is a solution name. You can find libraries. https://github.com/Akryum/vue-virtual-scroller

These popular components allow for quick scrolling through large amounts of data in Vue apps, but do come with a caveat; Vue-virtual-scroller and Vue-virtual-scroll-list don’t deal with dynamic heights unless you hardcode them. If you want to test it out, there is a playground available for Vue Virtual Scroller here.

30 mins, i have been trying to find a virtual scroller library that supports variable height per item with support for transitions ,this one doesnt support transitions https://github.com/Akryum/vue-virtual-scroller and has no tests, for the last 6 months

Website: https://akryum.github.io/vue-virtual-scroller/#/ GitHub: https://github.com/Akryum/vue-virtual-scroller GitHub Stars: 3.4k

4+ years in and we are 100+ people company covering most of the commerce platforms out there - check it out www.vuestorefront.io

We're currently building an integration between Vue Storefront (https://www.vuestorefront.io/) and WooCommerce.

If you are looking for a production-ready Nuxt application with Shopify, check out https://www.vuestorefront.io/ and especially, the integration with Shopify https://docs.vuestorefront.io/shopify/.

Vue Storefront is an open source frontend framework for headless ecommerce built on top of Vue.js. It provides ready-made integrations to existing ecommerce platforms and allows you to extend the framework to build your own integration.

To enable Cache on the browser level, we will be using a http-cache package from Vue Storefront that you can check out here.

Vue Storefront is Lightning-Fast Frontend Platform for Headless Commerce. Boost your site performance, shape the customer journey and free your developer's creativity with Vue Storefront, the last frontend you will ever need.

For the storefront you have many options. For instance, there is Vue Storefront or Next.js Commerce.

Vue storefront is an open source platform that provides a storefront for ecommerce platforms. Although it integrates with many monolithic platforms, it is made specifically for headless commerce platforms.

Personally if I were hiring for this today I'd look for someone with prior experience with a "headless" solution that works with multiple ecommerce platforms. Vue Storefront and Gatsby are the best of the bunch in my opinion.