DEV Community: Tarun Nagpal

Open ai react

Tarun Nagpal — Sun, 23 Feb 2025 17:33:16 +0000

React open ai

Tarun Nagpal — Sun, 23 Feb 2025 17:32:03 +0000

Discussion: What is a good Vulnerability Scanner for my JavaScript Project

Tarun Nagpal — Thu, 29 Apr 2021 15:03:35 +0000

How to create an NPM Package in 5 minutes

Tarun Nagpal — Sat, 27 Feb 2021 19:04:46 +0000

What is NPM
It is a package manager for the JavaScript programming language. This is the world's largest Software Registry.

Step 1 - Create an npm project
1.1 Create a folder named "my_demo_calculator"

mkdir my_demo_calculator

1.2 Create an npm project

npm init -y

It will turn your project folder into an npm package

1.3 Create a file named "index.js" and add the following code to it.

function add(x,y){
    return x+y;
}
function sub(x,y){
    return x-y;
}
function mul(x,y){
    return x*y;
}
function divide(x,y){
    return x/y;
}

module.exports = {add,sub,mul,divide}

1.3 (Optional) Create a README.md file and add it to the folder

1.4 Login into the NPM Registry. You need to create an account on npmjs.com and use the same here

npm login

1.5 Publish the Package with the following command

npm publish

That's It!

You can see my sample package on the links below

https://www.npmjs.com/package/demo_npm_package_devtalks

Prototypal Inheritance In JavaScript

Tarun Nagpal — Fri, 11 Sep 2020 09:30:52 +0000

I have recently gone through some of the roots in JavaScript. It always fruitful when you look back to the basics of any Language.

There were a couple of questions in my Mind like

What is Prototype in JS?
What is Prototypal Inhertictane? How it is different from OOPS Inhertictane.
How does Class work in JS?

In order to get all the answers, I created a small program on both the JS versions (Es5 and ES6).

Doing a practical will give you more understanding than reading and watching videos.

So let's get started.

Inheritance in Older Version

Step 1

Create a function(Tile) which will act as a base class.

Step 2

Create a function(PushableTile) which will act as a Child class.

Step 3

Assign the Prototype of Base class to Child class prototype.

Step 4

Add methods to the child class, we will use it to access the Parent Class.

Step 5

Create an Object from Child Class

// Base Class 
function Tile (x,y,type){
    this.x = x;
    this.y = y;
    this.type = type;
}


// Child Class
function PushableTile(x, y, type) {
    Tile.call(this, x, y, type);
}

// Inheritence 
PushableTile.prototype = Object.create(Tile.prototype);

// Add Methods to the child class 
PushableTile.prototype.push = function(x, y) {
    this.x += x;
    this.y += y;
};

var object = new PushableTile(100,200,300);

Inheritance in New JS Version

Step 1

Create a base class (Tile) with a constructor.

Step 2

Create a Child class with the constructor.

Step 3

Add Super to the Base Class. It will help to pass the same parameters to the Parent class.

Basically, it is doing the same thing as the below code is doing.

javascript Tile.call(this, x, y, type);

Step 4

Add methods to the Child class.

Step 5

Create an Object from Child Class

// Base Class 
class Tile {
     constructor(x,y,type){
        this.x = x;
        this.y = y;
        this.type = type;
        console.log("CONSTRUCTOR");
     }
}

// extends is same as PushableTile.prototype = Object.create(Tile.prototype);
class PushableTile extends Tile{
    constructor(x, y, type) {
      // Tile.call(this, x, y, type);
      super(x, y, type);
    }

    push(x, y) {
        this.x += x;
        this.y += y;
    }
}

const object = new PushableTile(100,200,300);