In this post, we will determine what these terms mean and how they relate to each other in the context of JavaScript.
[Read More]
I'm open to new opportunities! For a full-time role, contract position, or freelance work, reach out at
talha@talhaawan.net or
LinkedIn.
React JS Code Review Checklist
A handy guide to review a pull request
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 to 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]Remove Eslint Warnings For Dynamic Imports
import/no-dynamic-require & global-require
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]
JavaScript Process Array Map in Reverse
In this post, we will explore ways to process JavaScript map on an array in reverse.
[Read More]CPU Scheduling Algorithms - JavaScript
Simulation Code for Scheduler and Task
In this post, I am going to share a JavaScript simulation for some well-known CPU/operation system scheduling algorithms. The ES6 JavaScript code can be run in the Node JS environment.
[Read More]GOF Design Patterns in React JS
In this post I try to identify some of the Gang of Four (GOF) design patterns used, or can be used, in React JS applications. Most patterns I list down are not strictly React's, but belong to JavaScript, so they're equally applicable in other frameworks too, such as Vue and Angular.
[Read More]Javascript Track User Activity on Webpage With Custom Script
Time Spent, User Country, Scrolling, Mouse & Button Clicks, Mouse Movement, and Key Presses
In this post, we create a custom JavaScript front-end script to track user activity on a webpage.
[Read More]How to Extract Numbers From a String in JavaScript
Including Decimals, Negatives, and Numbers With Commas.
While working on certain tasks with JavaScript, such as web scraping, we might need to extract specific data from a string, such as uppercase words or numbers. In this post, I am going to address numbers.
[Read More]JavaScript Inheritance and Polymorphism in React JS Application
The React JS documentation emphasizes on using composition over inheritance for components, as there is hardly any scenario that requires component inheritance. However, that does not stop us from using inheritance and polymorphism within our JavaScript code. To explain, we discuss one such example below by using es6 classes:
[Read More]
Serialize and Deserialize JavaScript Class Objects In Front End Applications
The drawback of using JavaScript classes in your frontend application is that we cannot pass it to or receive it from the backend as class object. We need to serialize and deserialize it.
[Read More]
