Reinitialize addthis after loading ajax content
If you are using the AddThis share buttons, you might have noticed that once you initialize it on page load, it does not really work for content that is loaded via ajax after the...
Category: Tools
Use es6 and es6+ in eslint with babel
It seems like Eslint does not support ES6/ES6+ experimental features out of the box at the time of writing. To do that you need to install a dev dependency called babel-eslint and then specify...
Disable eslint no-unused-vars warning on global functions
If you are not working in a nodejs or commonjs or modular environment, and you have functions that are defined in the global scope in a different file, you have probably noticed that eslint...
webpack with babel6 and react
In this post we will walk through the basic setup to make babel6 work with webpack. Assuming you have installed webpack. On a high level, Babel has the following architecture. Click on the image...
Use node in es6 syntax with babel transpiling
Install the following packages : npm i –save babel-register npm i –save babel-preset-latest Create an entry point. For example, index.js It transpiles your app at runtime by hooking into all require calls, and lets...
Chromium flag to by pass the popup to grant media permissions in webRTC
You have to pass the following flag in your browser capabilities to bypass the popup by selecting the default device for media streams. For example, for chrome browser you can use the following configs...
Writing multiline sql queries in javascript using knex
I have been using knex lately to interface with a postgres database. Knex provides you with a number of ways to write queries in a shorhand form. For exammple, if you want to select...
Sublime Text plugins to boost your productivity
The tools that you use to create products have a large impact on your productivity and therefore you happiness. I have been using sublime text for quite some time now and I am thoroughly...
Configure reactjs with webpack and grunt
So, you wanna bundle your react components using webpack? How about a grunt task that continuously watches the changes that you make to your jsx files and automatically compiles them before webpack bundles them...
Setting up grunt to automate repetitive tasks in javascript applications
You have probably heard about grunt by now. Maybe you are crystal clear on what it is, maybe its still hazy. In this post, we will go on a roller coaster ride and help...