DEV Community: Mahendra Bishnoi

7 reasons why you should start using React.

Mahendra Bishnoi — Fri, 03 Sep 2021 17:31:02 +0000

1.Speed
React offers faster rendering. When you are building larger
applications, it's critical to monitor the changes. So react
helps to maintain high application performance and provide a
better user experience.

2.Flexibility
Most companies use React to save a large amount of time. This is
because react codes are simpler to manage due to their modular
nature than other front-end frameworks.

3.Performance
React JS makes complex applications run extremely fast because
it was designed to provide high performance in mind.

4.Usability
If you know JavaScript, deploying React application is quite
easy to achieve, and since React is fast, you can make new
changes to the application and deploy again within minutes.

5.Supports both mobile and web development
Hold up; we are not yet over. Not only web development, even
React supports mobile development using react-native to build
native applications for BOTH Android and iOS platforms.

6.Easy to learn
To be honest, it took me a while (days….)to learn Angular, but
trust me. I learned to React in HOURS because React was much
easier to learn than other front-end frameworks out there, and
on top of that, React is way more popular and used nowadays.

7.Build rich user interfaces
How the user interface looks at the end of the day matters a
lot. If your user interface doesn’t look good, then the chances
for your app to succeed will be below. So building rich user
interfaces matters, and as usual, React got your back. React
allows building such high-quality, rich user interfaces through
its declarative components.

The Difference Between Arrays and Objects(simplest explaination).

Mahendra Bishnoi — Sun, 29 Aug 2021 16:04:45 +0000

In JavaScript, arrays use numbered indexes.

In JavaScript, objects use named indexes.

Arrays are a special kind of objects, with numbered indexes.

When to Use Arrays. When to use Objects.

JavaScript does not support associative arrays.
You should use objects when you want the element names to be strings (text).
You should use arrays when you want the element names to be numbers.

What The Hack is "This" Keyword in JavaScript.🤔

Mahendra Bishnoi — Sat, 28 Aug 2021 12:16:13 +0000

What is this?

The JavaScript this keyword refers to the object it belongs to.

It has different values depending on where it is used:

In a method, this refers to the owner object.
Alone, this refers to the global object.
In a function, this refers to the global object.
In a function, in strict mode, this is undefined.
In an event, this refers to the element that received the event.
Methods like call(), and apply() can refer this to any object.

this in a Method
In an object method, this refers to the "owner" of the method.

In the example on the top of this page, this refers to the person object.

The person object is the owner of the fullName method.
EXAMPLE:

fullName : function() {
  return this.firstName + " " + this.lastName;
}

this Alone
When used alone, the owner is the Global object, so this refers to the Global object.

In a browser window the Global object is [object Window]:

EXAMPLE:

let x = this;

In strict mode, when used alone, this also refers to the Global object [object Window]:

EXAMPLE:

"use strict";
let x = this;

this in a Function (Default)
In a JavaScript function, the owner of the function is the default binding for this.

So, in a function, this refers to the Global object [object Window].

EXAMPLE:

function myFunction() {
  return this;
}

this in a Function (Strict)
JavaScript strict mode does not allow default binding.

So, when used in a function, in strict mode, this is undefined.

EXAMPLE:

"use strict";
function myFunction() {
  return this;
}

this in Event Handlers
In HTML event handlers, this refers to the HTML element that received the event:

EXAMPLE:

<button onclick="this.style.display='none'">
  Click to Remove Me!
</button>

Object Method Binding
In these examples, this is the person object (The person object is the "owner" of the function):

EXAMPLE:

const person = {
  firstName  : "John",
  lastName   : "Doe",
  id         : 5566,
  myFunction : function() {
    return this;
  }
};

In other words: this.firstName means the firstName property of this (person) object.

Explicit Function Binding
The call() and apply() methods are predefined JavaScript methods.

They can both be used to call an object method with another object as argument.

You can read more about call() and apply() later in this tutorial.

In the example below, when calling person1.fullName with person2 as argument, this will refer to person2, even if it is a method of person1:

EXAMPLE:

const person1 = {
  fullName: function() {
    return this.firstName + " " + this.lastName;
  }
}
const person2 = {
  firstName:"John",
  lastName: "Doe",
}
person1.fullName.call(person2);  // Will return "John Doe"

floating-socialMedia-icon

Mahendra Bishnoi — Fri, 30 Jul 2021 12:22:30 +0000

Navbar

Mahendra Bishnoi — Sat, 17 Jul 2021 06:28:59 +0000