Rahul

@rahulism

1065 Points

14 Followers

159 Posts

Joined March 29th, 2021

16😬 | Developer and Blogger | JavaScript and React πŸ• | Hustler⚑

Rahul

22 hours ago

View Post

What is Scope chain and Lexical Scoping in JavaScript?

Scope chain and Lexical Scoping are central ideas of JavaScript. These ideas confound new JavaScript developers. The information on these ideas is fundamental in dominating JavaScript. Having an appropriate comprehension of these ideas will assist you with composing better, more proficient and clean code. Which will, thus, assis...
What is Scope chain and Lexical Scoping in JavaScript?
Select One:

Rahul

1 day ago

View Post

5 CSS Best Practices every front-end Developer should know

Writing CSS has always been tough for me😭. But here are some best practices every front-end developer should know. Without further talks, let's see them. Using the vendor prefixes Vendor prefixed is a way for the browser to add support for new CSS features before those features are fully supported in all browsers/ We need to ad...
 5 CSS Best Practices every front-end Developer should know
4
Select One:

Rahul

2 days ago

View Post

What are functions in JavaScript: Beginners

In this section, we cover functions, what they are utilized for and how to keep in touch with them. A function is a way to encapsulate a portion of your code so a specific action can e reused and called on to run at a specific time. Declaration An example of what the syntax to declare a function looks like. function name (param...
What are functions in JavaScript: Beginners
4
Select One:

Rahul

3 days ago

View Post

A complete guide to Object Destructuring: JavaScript

Destructuring just methods separating an intricate construction into easier parts. With the destructuring punctuation, we can separate more modest parts from arrays and objects. The destructuring syntax can be utilized for variable declaration or variable assignment. Syntax:- const dev = { firstName = "Rahul",...
A complete guide to Object Destructuring: JavaScript
1
Select One:

Rahul

4 days ago

View Post

A complete guide to Array destructuring | JavaScript

Destructuring in JavaScript is a worked on technique for extricating different properties from a cluster by taking the structure and deconstructing it down into its constituent parts through tasks by utilizing a grammar that seems to be like array literals. Syntax:- const rgb = [255, 200, 0]; // array destructuring const [red,...
A complete guide to Array destructuring | JavaScript
5
Select One:

Rahul

5 days ago

View Post

Conditional logic: JavaScript for Beginners

On the off chance that statements are normally utilized in JavaScript for conditional logic and can be pretty much as basic or intricate as required. In any coding language, you will often need to perform different actions based on certain condition. To figure out which action to take you would use an if statement and in this qu...
Conditional logic: JavaScript for Beginners
4
Select One:

Rahul

6 days ago

View Post

Getting started with React Router

React Router is the standard routing library for React. It has a simple API with all the powerful features like lazy code loading, dynamic route matching and location transition handling built-in. It allows us to create a multi-page feel in a single page application. Let's see an example to understand the basic usage of React ro...
Getting started with React Router
3
Select One:

Rahul

1 week ago

View Post

What are Classes in JavaScript? Using Classes in JavaScript

{% bmc rahxuls %} Classes were introduced in JavaScript ECMA2015. Unlike the classes in Object-Oriented Mode, JavaScript classes are just special type of functions. But instead of using the "function" keyword we use the "class". It was introduced in JavaScript to make the syntax look like other object-oriente...
What are Classes in JavaScript? Using Classes in JavaScript
5
Select One:

Rahul

1 week ago

View Post

A new CSS :where() and :is pseudo classes

A new CSS with :where() and :is() pseudo-classes. I better know some of you don't know about these Selector/Pseudo-classes. They were recently introduced to most browsers. But they just might be your new favourite thing in Vanilla CSS. Let's see about them. :is() Think about when you want to apply the same styling to multiple el...
A new CSS :where() and :is pseudo classes
6
Select One:

Rahul

1 week ago

View Post

What is import.meta in JavaScript?

The import.meta object is a meta-property exposing context-specific meta data to a JavaScript Module. It contains information about the module, like the module's URL. Syntax: import.meta The import.meta object consists of the keyword import, a dot, and a property name meta. Normally import serves as the context for property acce...
What is import.meta in JavaScript?
Select One:

Rahul

1 week ago

View Post

A short guide to Blocking Code in Javascript

When an app runs in a browser/server and it executes and an intensive chunk of code without returning control, the APP can appear to be frozen. This is called blocking. The app is blocked from continuing to handle user input and perform other tasks until the app returns control of the processor. Blocking Code in Browser const bt...
A short guide to Blocking Code in Javascript
Select One:

Rahul

1 week ago

View Post

Types of Errors in JavaScript

{% buymeacoffee rahxuls %} There are different types of errors thrown from JavaScript, So we need to know few things to understand about the error. What type of error it is? Error description or cause or error Location of error and its stack trace In this brief post, we'll discuss the same. How to handle error from Crash? Err...
Types of Errors in JavaScript
4
Select One:

Rahul

1 week ago

View Post

What is Promisification in JavaScript? A brief guide

Promisification is a long keyword for a simple transformation. It's the conversion of a function that accepts a callback ito a function that returns a promise. Such transformation are often required in real-life, as many function and libraries are callback-based. But promises are more convenient, so it makes sense to promisify t...
What is Promisification in JavaScript? A brief guide
6
Select One:

Rahul

1 week ago

View Post

Different types of Error in JavaScript

In this post we're going to read more about errors thrown in JavaScript. There are different types of errors thrown from JavaScript, So we need to know few things to understand about the error. What type of error it is? Error description or cause or error Location of error and its stack trace In this brief post, we'll discuss...
Different types of Error in JavaScript
1
Select One:

Rahul

2 weeks ago

View Post

A brief guide to Super keyword in JavaScript

The super keyword is used to access or call functions of the object's parent. super.prop can be used to access parent class properties. Syntax: // way to use super(); // calls the parent constructor super.functionOnParent(); // calls parent function super.parentProp; // to access parent property EXAMPLE- class ParentClass {...
A brief guide to Super keyword in JavaScript
2
Select One:

Rahul

2 weeks ago

View Post

15 beginner only HTML and CSS mistakes

I have rounded up some of the HTML and CSS Mistakes I've made and you don't have to. These are some beginner mistakes, don't judge meπŸ˜‚. HTML MISTAKES No matter what stack or framework you use, it all compiled to HTML in your browser. Therefore, it's important to make sure it's right! This list highlights top HTML mistake and ho...
15 beginner only HTML and CSS mistakes
8
Select One:

Rahul

2 weeks ago

View Post

Component methods vs Hooks in React

Hooks are addition in React.js, available from version 16.8. They let you use state and other React features without writing a class. Let's see how React components can be refactored to use React Hook useEffect() instead of the main lifecycle methods. componentDidMount() import React, { Component, useEffect } from 'react'; //...
Component methods vs Hooks in React
1
Select One:

Rahul

2 weeks ago

View Post

Inheritance vs Composition on JavaScript

Some days back I wrote about Composition vs Inheritance in React (Here). Got an amazing response on Twitter. So, in this post, we'll see about Composition vs Inheritance in JavaScript. Intro What is Inheritance? In simple language, inheritance means properties you got from your ancestors. Your parents borrowed some properties f...
Inheritance vs Composition on JavaScript
1
Select One:

Rahul

2 weeks ago

View Post

A short post on Required parameters in JavaScript

From MDN docs a parameter is a named variable passed into a function. Parameter variables are used to import arguments into functions. In this brief post, we'll see about using default parameter and parameter validation in JavaScript. Parameter Validation There are cases in which we might want some parameters to be passed as man...
A short post on Required parameters in JavaScript
1
Select One:

Rahul

2 weeks ago

View Post

A brief guide to ::before and ::after in CSS | Tutorial

In this post, we'll discuss about the **::before and ::after use cases. Intro The ::before and ::after are CSS pseudo elements, and they allow you to add content to the page without having any additional HTML. While they are not technically part of the DOM they will appear as if they are. These pseudo elements are mostly used to...
A brief guide to ::before and ::after in CSS | Tutorial
7
Select One:

Rahul

3 weeks ago

View Post

What are different method of object constructor?

This short post will discuss with you about what are different methods of object constructor. There are generally 4 methods of it we'll discuss about them. Methods of Object Constructor Object.keys(obj) - Returns an array of keys Object.values(obj - Returns an array of values Object.entries(obj) -Returns an array of [key, v...
What are different method of object constructor?
1
Select One:

Rahul

3 weeks ago

View Post

SaSS basics to advanced: Give superpower to your CSS

SASS is CSS with superpowers. So, as front-end developer and learner I researched about LESS which was great but very soon I changed to SASS because of using pre/post processor you can write CSS more programmatically and can help you develop robust systems. Nonetheless, I regularly find that individuals just know a couple of fun...
SaSS basics to advanced: Give superpower to your CSS
8
Select One:

Rahul

3 weeks ago

View Post

A brief guide to observers in JavaScript

In this post, I am going to cover Observers in JavaScript. So without wasting any more time, let's get into it. What are Web APIS? Observers are part of JavaScript web APIs, and those observers are relatively new Web APIs (besides the mutationObserver). Generally used in observing a certain state of a target element/s and act....
 A brief guide to observers in JavaScript
1
Select One:

Rahul

3 weeks ago

View Post

What is Redux? Practical guide to Redux

This post is not for beginners. Here we'll discuss Redux, the JavaScript library used for managing React state. And also I will give you a practical guide to Redux. Without further ado! Let's get into it. Introduction "A predictable state container for JS Apps" Simply put, Redux makes it easy to manage the state of yo...
What is Redux? Practical guide to Redux
8
Select One:

Rahul

3 weeks ago

View Post

What is Proxy in JavaScript?

An proxy object wraps another item and captures tasks like perusing/composing properties and some essential activities. const proxy = new Proxy(target, handler); Proxy is created with two parameters. Target: Original object which you want to proxy. Handler: Object that defines which operations to intercept and redefine the in...
What is Proxy in JavaScript?
8
Select One:

Rahul

3 weeks ago

View Post

What is competitive programming?

Competitive Programming is a contest usually held over the internet involving participants trying to solve well-defined problems by writing computer programs according to provided specifications. Contestants are referred to as sport programmers. A competition generally involves the host presenting a set of logical or mathematic...
What is competitive programming?
7
Select One:

Rahul

3 weeks ago

View Post

Explain me NPM in simple terms

NPM stands for Node Package Manager and is composed of an online repository of open-source Node.js projects and a command-line utility used to interact with this repository. The power of package manager is that they are specially structured to easily provide code, libraries and entire frameworks. Just a Play Store for your proje...
Explain me NPM in simple terms
1
Select One:

Rahul

4 weeks ago

View Post

A brief guide to Animations in CSS

Don't be afraid of animation. They're easy. This small started guide will help you in creating 4 simple type of keyframe animations. Keyframes You can use CSS keyframes to create some cool animation by transitioning between CSS properties. This quick intro to keyframe animation will cover the animation properties and show you f...
A brief guide to Animations in CSS
10
Select One:

Rahul

4 weeks ago

View Post

JavaScript design patterns: Decorators

I have explained about Object Creation pattern in JavaScript. Object creation pattern. So let's learn about the Decorator Pattern. What is a decorator pattern? The decorator pattern is a structural design pattern that attaches additional responsibilities to an object dynamically. This is a concept of adding extra functionality t...
JavaScript design patterns: Decorators
2
Select One:

Rahul

1 month ago

View Post

Why your website should have a Skip Link?

It's critical that any web pages you create are accessible to all. Unfortunately, it's something that's often ignored and neglected. This quick and easy tutorial will show you how to add a skip link to your page to make it more accessible. It's usually a good idea to incorporate accessibility into something you're making because...
Why your website should have a Skip Link?
6
Select One:

Loading More Content

Back to DevDojo