Web Development

How to setup Typescript with Babel and Webpack

How to setup Typescript with Babel and Webpack

  • February 12, 2019

After seeing a lot of projects making the move to Typescript, I recently started to give it a shot as well. For people who are not aware of typescript, it is a wrapper over javascript which has built-in support for types. We get static checking for our code as well...

Using React.memo() in React 16.6

Using React.memo() in React 16.6

  • October 26, 2018

React 16.6 was released a couple of days and and it brings a couple of new features. One of these is React.lazy() which is something that requires a separate post in itself along with React Suspense. The other one, which we will talk about in this post is React.memo(). What...

How to import/export ES6 modules in Node

How to import/export ES6 modules in Node

  • June 19, 2018

If you have been following the javascript ecosystem for a while, you already know that even though ES6 modules are a thing, you still cannot import/export ES6 modules in node.js as of today. Node 10 experimental flag for importing/exporting ES6 modules in Node Though Node 10 has added an experimental...

How React, Relay, and GraphQL fit together

How React, Relay, and GraphQL fit together

  • March 21, 2018

If you are a javascript developer, chances are you would have heard about React, Relay, and GraphQL recently. And if you are a react developer who has been happily using redux for a while now, the very first question that comes to mind is why another set of technologies? Why should I...

Using Prettier to format your JavaScript code

Using Prettier to format your JavaScript code

  • February 15, 2018

If you have been programming for a while, you would be familiar with the hassles of writing clean code and maintaining consistency across a project on some specific code style guidelines. Even if you spend a few days making everything consistent, some other developer might check-in their changes or disable some...

Introduction to CSS Grid

Introduction to CSS Grid

  • December 11, 2017

Building advanced layout designs using CSS is a troublesome process. Anyone who has ever worked on CSS has faced this challenge. At times, even the simplest div may not always position itself correctly, looking so messy and untidy – just like kitten litters. And right when you manage to perfect...

Running specific test cases in Jasmine or Mocha

Running specific test cases in Jasmine or Mocha

  • November 20, 2017

I recently was working on writing end-to-end test cases using protractor on a project. Everything was working fine until the number of test cases increased significantly, and running the complete set of test cases took too much time. It was a pain to even think of running the e2e command...

Using Babel to import/export ES2015 modules in Node.js

Using Babel to import/export ES2015 modules in Node.js

  • August 15, 2017

Using “require” statements (commonJS syntax) in your server side code while writing “import” and “export” statements (ES2015 syntax) for your front end makes writing javascript a bit weird. The reason for not having import and export statements for modules is that node parses modules a bit differently than how they...