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...
View ArticleSublime 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...
View ArticleWriting 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...
View ArticleBy pass popup to grant media permissions by 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...
View ArticleUse 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...
View Articlewebpack 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...
View ArticleDisable 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...
View ArticleUse 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...
View ArticleReinitialize 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...
View ArticleDynamic module loading with require
Let’s say we have ./darwin.js for mac, ./win32.js for Windows in the current working directory. And we want to require one of them in ./index.js based on which platform the file is being ran....
View Article