Infinite Scroll is a UX pattern that suggests showing users few contents on page or app load. More contents are then loaded once the user starts scrolling down the page. These contents are loaded asynchronously by making request to the server responsible for providing the content. If we need to implement the infinite scroll functionality …
Setting up Google Analytics in Vue.js
Google Analytics is one of the most popular digital analytics software. It is Google’s free web analytics service that allows you to analyze in-depth detail about the visitors on your website. It’s easy to embed the Google Analytics(GA) codes into the normal landing page websites, but not simple on the single page applications(SPA) since it runs …
Algolia Search
URL: https://www.algolia.com/ Algolia is a 3rd party service which provides intelligent search. It similar concept to elastic search. Here is an article which compares those 2 services. https://medium.com/@matayoshi.mariano/elasticsearch-vs-algolia-96364f5567a3
Braintree payment implementation in Vue.js
Integrating with Braintree offers the customers many different ways to pay. For this reason, we may need to integrate the Braintree payment module on our projects sometimes. The implementation of the Braintree payment on the frontend is one of the big parts with the backend implementation. When we use the Vue.js framework to build the …
Introduction to Redux Saga
redux-saga is a library that aims to make application side effects (i.e. asynchronous things like data fetching and impure things like accessing the browser cache) easier to manage, more efficient to execute, easy to test, and better at handling failures. The mental model is that a saga is like a separate thread in your application that’s …
gulp-sprite-build
It is an npm module which bundles asset images into one file. It is efficient to load one large sprite icon set rather than loading a bunch of small icons. We should be careful with one thing. When there are thousands of images, the bundled image file could be over a few tens of megabytes. …
amCharts
A go-to library for data visualization. When you don’t have time to learn new technologies. When you need a simple yet powerful and flexible drop-in data visualization solution. amCharts 4 includes both charts and geographical maps.https://www.amcharts.com/
Webpack – Lazyload component
Lazy, or “on demand”, loading is a great way to optimize your site or application. This practice essentially involves splitting your code at logical breakpoints, and then loading it once the user has done something that requires, or will require, a new block of code. This speeds up the initial load of the application and …
Gatsby
Gatsby is a React framework to develop websites in short time. It is a fast modern site generator. Gatsby provides convenient functionalities to develop landing pages very quickly. Also according to Gatsby’s documentations it is widely used in E-Commerce website development. It’s very easy to learn for the developers who knows React.js very well. https://www.gatsbyjs.org/docs/
Infinite Scroll
Infinite scrolling is a technique that allowing users to scroll through a massive chunk of content with no finishing-line in sight. This technique simply keeps refreshing a page when you scroll down it. Tempting as it may sound, the technique isn’t a one-size-fits-all solution for every site or app. When we need to implement the …