JavaScript Event Capturing and Bubbling

In JavaScript, The event handling process: When an event happens – the most nested element where it happens gets labeled as the “target element” (event.target). Then the event first moves from the document root down to the event.target, calling handlers assigned with addEventListener(…., true) on the way (true is a shorthand for {capture: true}). Then the event moves from event.target up to …

Paypal payout integration in Node.js

In the web application development, you may have to integrate PayPal payment API because PayPal is one of the most popular payment method in modern ecommerce online merchants. In Node.js based applications, there is a simple SDK https://www.npmjs.com/package/paypal-rest-sdk Next, you need to create sandbox account on PayPal developer account dashboard https://developer.paypal.com/developer/applications Obtain client_id and client_secret …

Angular Internationalization (i18n)

Application internationalization is a many-faceted area of development, focused on making applications available and user-friendly to a worldwide audience. This page describes Angular’s internationalization (i18n) tools, which can help you make your app available in multiple languages. See the i18n Example for a simple example of an AOT-compiled app, translated into French. Angular and i18n Internationalization is the …

image-downloader

image-downloader is a npm package which dowloads images using it’s url. There are several libraries which performs such functionality, but this library has it’s advantage. Some sites serve their images using backend script. For example, image url is composed as following http://somesite.com/image.php?name=dummy In this case, many libraries are not able to download the image but …

Twilio – Make a voice call and Interaction, Recording via TwiML

TwiML is a set of instructions you can use to tell Twilio what to do when you receive an incoming call, SMS or fax. There is <Say>, <Record>, <Gather> verbs in TwiML. The <Say> verb converts text to speech that is read back to the caller. The <Gather> verb The caller enters digits followed by …

React leaflet markercluster

React wrapper of Leaflet.markercluster for react-leaflet DEMO with examples: https://yuzhva.github.io/react-leaflet-markercluster/ Description If you are faced with an issue with markers overlapping during map zooming, or they are overlapping because they are close to each other – you probably need to group them. That is what you can do with react-leaflet-markercluster. Note: Before getting started, please see these useful guides: Leaflet …

Leaflet.markercluster

Provides Beautiful Animated Marker Clustering functionality for Leaflet, a JS library for interactive maps. Requires Leaflet 1.0.0 For a Leaflet 0.7 compatible version, use the leaflet-0.7 branchFor a Leaflet 0.5 compatible version, Download b128e950For a Leaflet 0.4 compatible version, Download the 0.2 release Table of Contents Using the plugin Building, testing and linting scripts Examples Usage Options Defaults Customising …