Use Sass variables in Javascript

Sass is very good to keep your CSS dry by defining variables and use it across all the scss files. But, with React and the concept of css in js, sometimes we need to use these variables like theme colors, default font size in the react components we import. Instead of…

Find large files inside your git repository.

Sometimes I have found large static files commit-ed into the git repository and not been removed out of the git DB when deleted. This bloats the repository.

git rev-list --objects --all \
| git cat-file…

ESModules without babel.

If you want to quickly run a node script without babel you can use the --experimental-modules flag. Not all of the EP are implemented, but it comes in handy when you want to quickly try something. File should be saved with .mjs extension.

node --experimental-modules my-app.mjs

Shell scripting with better error reporting

There are switches that control how the shell script will be executed that will greatly help to identify scripting errors. Just adding the following as the first line of the script is all it takes

set -e # Makes the script to…

ES6 de-structure, rename and default assignment.

ES6 destructing is pretty powerful. While it helps you to DRY your assignments, you can de-structure, rename and assign a default value in a single shot.

const person1 = {}
const person2 = { n: “Chuck Norris” }