Rahul
@rahulism
Joined March 29th, 2021
16😬 | Developer and Blogger | JavaScript and React 🍕 | Hustler⚡
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...
Select One:
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...
4
Select One:
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...
4
Select One:
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",...
1
Select One:
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,...
5
Select One:
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...
4
Select One:
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...
3
Select One:
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...
5
Select One:
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...
6
Select One:
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...
Select One:
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...
Select One:
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...
4
Select One:
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...
6
Select One:
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...
1
Select One:
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 {...
2
Select One:
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...
8
Select One:
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';
//...
1
Select One:
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...
1
Select One:
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...
1
Select One:
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...
7
Select One:
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...
1
Select One:
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...
8
Select One:
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....
1
Select One:
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...
8
Select One:
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...
8
Select One:
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...
7
Select One:
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...
1
Select One:
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...
10
Select One:
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...
2
Select One:
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...
6
Select One:
Loading More Content
