TecHighness

Recently I came across a problem where I needed to perform two different sets of operations throughout the application for two types of users. The trouble was:

1. I needed to turn on or off an operation based on certain condition, which would only be known once the user was logged in, not at the beginning.

[Read More]

In your JavaScript application, If you see the following error in your Rollbar: (unknown): "[unhandledrejection] error getting `reason` from event" Then it most probably means that reject of a Promise is being called, and you have not provided a catch block at the end to catch it. [Read More]

In JavaScript applications, especially on Frontend apps, we might want to disable our console.logs that are placed for debugging. Below are the two possible ways to do it:

[Read More]

Node Package Manager, or NPM, is a defacto registry of JavaScript libraries, where anyone can create and publish a library (called package), both public and private. For publishing private packages, subscription fee is required.

In this post, we will discuss how we can host our public or private JavaScript library at Github, maintain various versions of the library using tags, and, finally, include a specific version of the library in some project and use its code.

[Read More]

In this post, we will check an example of recursion with default function parameter of es6 JavaScript. Mind you, there is no benefit of doing the recursion this way. On the contrary, it is always better to write a more readable recursion algorithm within the body of the function. This is just for the sake of demonstration!

[Read More]

Two new features introduced in JavaScript es6 were destructuring and spread. Combining both, along with default function parameters, we can create and use a design pattern called Destructuring and Restructuring, that is more declarative than the usual implementation. This pattern and its name come from Kyle Simpson. [Read More]

In this post we will determine what do these terms mean and how do they relate to each other in the context of JavaScript.

[Read More]

This post provides a checklist to review a React JS application code. For many issues, especially related to personal taste like semicolon or arrow vs traditional function, and things like propTypes, we can simply configure linters such as ESlint and Prettier to automatically detect and force us resolve the warnings. We can furthermore make these linting fixes mandatory on commits (such as with Husky hooks) or PR merges (with CI/CD tools such as github Actions).

[Read More]

In JavaScript applications, such as Node and React JS, you might see or use code that requires static files dynamically. As a result, ESlint throws two warnings unless you mute them. The warnings are: Calls to require() should use string literals eslint(import/no-dynamic-require). [Read More]

In this post we will explore ways to process JavaScript map on array in reverse.

[Read More]