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 …
How to use PHP Static variables
Mainly we can use static variables in php. Especially I’d like to explain how to manage static variables in laravel. Imagine there is categories (1 ~ 10). ID 1 : Premiere Pro Category.ID 2: After Effect Category.….ID 10: Music Category. We can define static variables in Model of laravel. for the example: $CONST_PREMIERE_PRO_CAT = 1;..etc. …
What is AMD, CommonJS, and UMD?
Over the years there’s been a steadily increasing ecosystem of JavaScript components to choose from. The sheer amount of choices is fantastic, but this also infamously presents a difficulty when components are mixed-and-matched. And it doesn’t take too long for budding developers to find out that not all components are built to play nicely together. …
react-slack-feedback
react-slack-feedback is a npm package which integrates React projects and slack channels. In traditional contact forms, we send email to the specified email address when we click submit button. The purpose of react-slack-feedback is to post such content to the slack channel. Slack provides WEBHOOK_URL, which can accept post requests from frontend and post the …
Graphile, Postgrephile – powerful PostgreSQL based GraphQL backend development.
PostGraphile (formerly PostGraphQL) builds a powerful, extensible and performant GraphQL API from a PostgreSQL schema in seconds; saving you weeks if not months of development time. PostGraphile is formed of three layers. At the very top is the PostGraphile CLI. This layer is the most user-friendly and is responsible for three things: accepting common options from …
Build a Serverless Web Application with AWS Lambda, Amazon API Gateway, Amazon S3, Amazon DynamoDB, Amazon Cognito and Amazon SQS
Amazon provides very powerful and easy to use services and infrastructure for developing micro services based web application. There is no need to use other services or worry about scaling and deployment issues. Please check this official documentation for details. https://aws.amazon.com/getting-started/projects/build-serverless-web-app-lambda-apigateway-s3-dynamodb-cognito/
React Leaflet
Core concepts React-Leaflet uses ⚛️ React’s lifecycle methods to call the relevant Leaflet handlers, which has a few consequences: DOM rendering React does not render Leaflet layers to the DOM, this rendering is done by Leaflet itself.React only renders the map container for the Map component and potentially empty <div> elements for components having multiple children. Component properties The properties passed to the …