All Posts

Things I use

Computer I'm using macOS for close to 7 years now. An Intel version for work and an M1 chip version for personal use. The M1 MacBook pro is absolutely a beast…

2020: The Year in review

This is my second year in review post, so many things happened in the year 2020 and I want to retrospect to understand what I did better and what I could do…

JSON.stringify()

is a method in JSON object which converts a value (Eg: Object, Number, Array etc) to a string in UTF-16 encoded JSON format. Few use cases are converting data…

Async await

Before async await, we used promises and callbacks to handle the asynchronous code in javascript. While working with promises and callbacks you might have heard…

Event Loop

Before we learn about the event loop. I want to talk about javascript first to understand event loop better. Javascript is interpreted programming language…

Redux

Redux is a predictable state container for javascript applications. In layman's term, We store our data in a centralized place and pass it where ever needed by…

Event Emitter

Event emitters are useful when you want to listen to an event and do something when it happens. An event emitter is also called as pattern. Wait, I know this…

Promise.allSettled

Promise.allSettled() returns a promise when all inputs are that is either or . 👉🏻 Points to remember: Returns a promise that contains an array of results…

Virtual DOM

What is Virtual DOM? Virtual DOM otherwise known as VDOM, is a virtual representation of actual DOM (Document Object Model) in the browser. VDOM is kept in…

Custom Spread Operator [...5]

In javascript, spread operator is denoted by … (3 dots), basically it takes an array or object or string and can copy or expand or concat or merge its items to…

Promise.all

Let’s say we want many promises to execute in parallel and wait until all of them are resolved. Then Promise.all is the right candidate which takes an array of…

2019 year end review

Last year I wrote a list of things I wanted to achieve in 2019. So I thought why not I write a blog post every year-end about what I did throughout the year…

Fix Mojave Rendering Issue

Today after updating macOS from to in my MacBook Pro, I found out that Mojave has some render issue. Here is how to fix the issue. Steps to fix Copy this code…

Add danger.js to your OSS in 5 mins

What is danger.js anyway? DangerJS runs during your CI process, and helps your team to automate certain manual code review tasks like: Is there a or ? Does…

Prettier - Opinionated Code Formatter

What is prettier? Prettier is an opinionated code formatter. That's all. ✅ Language support 👉🏻 Life without Prettier Dev (A): Hey, can you review my code…

Introduction to GraphQL

😼 So what is GraphQL exactly? A query language for your API. GraphQL gives the power to ask for exactly what we need and nothing more. Get as many as resources…

Comparison of HTTP and HTTP/2

This comparison blog post is to show why you should move from HTTP to HTTPS and why you should add support to HTTP/2. Before comparing HTTP vs HTTP/2. Lets see…

Best Practices for Push Notifications

As the web is moving forward very fast and now we can do almost everything on the web which can be done in native applications ( & ). Such as , , etc. But many…

What is accessibility?

Accessibility means letting the user navigate and interact with a website by any means. Let it be a keyboard, a mouse or people with disabilities or impairments…

How To Setup Webpack 2

Webpack is module bundler for modern web applications. It is a highly configurable and easy to use. Reduces the network request by bundling all static assets…

CSS4 Selectors

A CSS selector is like patterns which are used to select and style the pattern matching elements. We will compare with selectors and give some examples for…

Web Performance Optimization

An average user stays in your site if the page loads in < 1000ms. In 2014, an average page size is 1.9MB. See the below chart for more stats. via source…

Chrome DevTools

Google chrome is one of the fastest browser around and using chrome devTools for development is simply awesome. I use two chrome browers, one is normal chrome…

Newsletter

© Gokulakrishnan Kalaikovan