Lighthouse is an open-source, automated tool for improving the performance, quality, and correctness of your web apps. When auditing a page, Lighthouse runs a barrage of tests against the page, and then generates a report on how well the page did. From here you can use the failing tests as indicators on what you can …
A dynamic, browser based visualization library. The library is designed to be easy to use, to handle large amounts of dynamic data, and to enable manipulation of and interaction with the data. The library consists of the components DataSet, Timeline, Network, Graph2d and Graph3d. Vis.js runs fine on Chrome, Firefox, Opera, Safari, IE9+, and most …
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 …
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 …
JSON Web Token (JWT) is an open standard (RFC 7519) that defines a compact and self-contained way for securely transmitting information between parties as a JSON object. This information can be verified and trusted because it is digitally signed. JWTs can be signed using a secret (with the HMAC algorithm) or a public/private key pair using RSA or ECDSA. Although …
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 …
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 …
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. …
