Rahul
@rahulism
Joined March 29th, 2021
16😬 | Developer and Blogger | JavaScript and React 🍕 | Hustler⚡
Best Practices for API Design
Well designed APIs = Happy Developers 😃
APIs (Application Programming Interfaces) are interfaces that allow one application to use the data and resources of another. They are critical to a product's or company's success.
Many of your favorite apps would not work today if they were not for APIs. The Google Maps API, for example,...
Select One:
TALL recursive function in JavaScript
A recursive function is a function that calls itself until it doesn't stop. This technique is called recursion.
Here, function factorial is called in a loop like procedure. Initially, it invokes from outside of the function and invoked inside the same function until the condition false. A recursive function should always have a...
Select One:
IIFE in JavaScript 🤓
Privacy is important and IIFEs can be useful to achieve it. While reading many posts about JavaScript interviews I came towards this term so I thought of learning and writing about it.
What is it?
Immediately Invoked Function Expression (IIFE) are basically the functions that are invoked after completion of the definition. Ther...
Select One:
All you need to know about Object an Array destructuring in one post
Destructuring is a method of 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",...
5
Select One:
What is indexOf() in JavaScript?
After a long time, a new post on JavaScript methods is here... Let's learn about the indexOf() method.
indexOf()
It accepts two parameters: The required parameter of searchValue indicates the content you want to search for in a string.
The optional start parameter indicates the position of the string in which the search will be...
6
Select One:
SASS nothing to something, CSS superpower
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...
6
Select One:
20 Developer Memes | You'll die laughing
(Invest Your 2 Minutes Laughing)
Converting your developing seriousness to laughter. Every week this post will come up with amazing memes. So I just want you to devote your some minutes in laughing hehe :)
Thanks For Laughing.
I am coming up with my meme comic series. Be tuned🤘
8
Select One:
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...
7
Select One:
High Order Functions in JavaScript
As a JavaScript developer you will utilize high order functions frequently, so having a decent comprehension of these functions is vital. Presently I see individuals get frequently confounded when finding out about the reduce() technique, yet I had clarified everything in detail so attempt to comprehend it bit by bit and I'm cer...
6
Select One:
Navigation with React Router
React Router is a simple library of React inside web app for handling routes. Here we will learn Navigation with React-Router.
Basic routing with react-router-dom
Let's see these two Components.
const PageOne = () => {
return (
<>
<h1>Content One</h1>
</>
)
}
const...
4
Select One:
Page visibility and full-screen mode WEB API | Web Development for Beginners
Hey, learners and beginners here is my latest post, where we gonna know about Page visibility and Full-Screen Mode WEB API.
Page visibility Web API
PageVisibility API is used for detecting the visibility of the page. The document object provides properties and event listeners to detect the page visibility.
This API is useful for...
2
Select One:
What is reduce() method in JavaScript
The reduce() method is used to apply a function to each element in the array to reduce the array to a single value.
Let's see the syntax:-
let result = array.reduce((acc, v, i, a) => {
// return the new value to the result variable
}, initVal);
// result - the single value that is returned.
// array - the array to run th...
4
Select One:
What is Scheduling in JavaScript?
{% bmc rahxuls %}
Generally, these two things disturb and irritate a lot when learning JS. In this post, we'll learn how to use them as a beginner.
Sometimes we may decide to execute a function after a certain time delay. That's called "scheduling a call".
setTimeout(): This method allows to execute a function only...
4
Select One:
All you need to know about High Order Functions in JavaScript
As a JavaScript developer you will utilize high order functions frequently, so having a decent comprehension of these functions is vital. Presently I see individuals get frequently confounded when finding out about the reduce() technique, yet I had clarified everything in detail so attempt to comprehend it bit by bit and I'm cer...
2
Select One:
My 200th Post.
I am thrilled to write my 200th post @Hashnode as a developer. In this post, I'll get you covered everything you should know about me. If you're here or have read anyone post on my blog, you're important to me, ALWAYS.
About Me
I'm Rahul, from India. I am a Coder and Blogger (Self Taught always). I know some front-end technolog...
Select One:
Classical inheritance vs Prototype delegation in JavaScript
In my previous posts, I have covered Class and Prototype in JavaScript and learned its behaviour and working. In this post, we're going to do an ultimate faceoff😂 Kidding. Just a simple post about Prototype vs Class Delegation in JavaScript.
Prototype
The prototype is a design pattern followed in JavaScript with objects inherit...
Select One:
JavaScript Oddities and Secrets you need to know
In this post, I will cover some things that are cool and most of you're unaware of. Let' see them.
Null is an Object
Null is an object. Despite this, null is not considered as an instance of an object. This brings us back to sanity, because if null is the absence of value, then it obviously can't be an instance of anything. Hen...
4
Select One:
Asynchronous Programming in JavaScript
They say time is the fourth measurement in our universe. I say that nonconcurrent(asynchronous) computer programs are the fourth element of your rationale. You wanna raise your coding to this new even out of authority? Let's read this post.
First, let's understand the opposite, What is synchronous? It is simply executing code b...
5
Select One:
How to send HTTP requests in React
In the tutorial, you will understand how to reach out to the web or connect your front-end with the backend in React, using a library called Axios.
Let's see.
Typically, when you send a request to the server from a React app, what it returns to you is JSON data. So, let's first explain to you what is JSON briefly.
What is JSON?...
7
Select One:
An ultimate guide to JavaScript Promises
Before diving in, you should have a bare understanding of what is asynchronous programming. For more on that, check out this series. Let's look at how to use a promise:
MakeRequest is our function which returns a promise. This promise has some method like .then(a, b) which accepts 2 functions as arguments. The first function is...
5
Select One:
What is Nullish Coalescing Operator ?
With the presentation of Symbols (fortunately to which you can make 100% interesting properties - consistently), Optional Chaining, Nullish Coalescing, destructuring assignment and much more JavaScript is turning into a truly steady language reasonable for enormous codebases and the advancement incredible applications.
The ?? o...
5
Select One:
Scope in JavaScript: Function, Block, Lexical, Global
A scope defines the lifetime visibility of a variable. Variables are not visible outside the scope in which they are declared.
Types of Scope in JavaScript
Module Scope
Function Scope
Block Scope
Lexical Scope
Global Scope
Module Scope
A variable declared outside any function fall in the global scope. In a module, when a vari...
5
Select One:
What is globalThis in JavaScript
The javascript languages are increasingly used in a wide variety of environments. In addition to the web browsers which is the most common type of host environment for JavaScript programs in server, smartphones, and even robotic hardware.
Each environment has its object model and provides a different syntax to access the global...
4
Select One:
Symbol in JavaScript a primitive data type
It is a primitive data type along with string, number, boolean, null and undefined. To create a new primitive symbol, you define it with the following syntax.
let mySymbol = Symbol();
You can pass a parameter to Symbol(), and that is used as the symbol description, useful just for debugging purposes.
let mySecondSymbol = Symbo...
Select One:
What is BigInt in JavaScript?
BigInt is a built-in object that provides a way to represent a whole number larger than 253 - 2, which is the largest number JavaScript can represent with Number. BigInt is created by appending n to the end of an integer literal or invoking the BigInt function that creates bigints from string, number etc.
EXAMPLE!
// wasys to cr...
Select One:
What is Module Pattern in JavaScript: OOP
Traditional object-oriented programming like Java, C++, Python etc, make use of the class object to create self-contained and decoupled units of code, which can be treated as block boxes of functionality that can be enhanced, added and removed according to requirements.
A module can be considered as similar to a singleton class...
1
Select One:
An ultimate guide to Regex and how to use it in JavaScript
Regular expressions play a vital role in every high-level programming language and so in JavaScript. Let's know them all in detail...
A Regular Expression (RegEx) is a sequence of characters that defines a search pattern. It helps you to "match" part of the text (string) by given rule.
// Let's get our hands dirty wit...
7
Select One:
A brief post on `this` keyword
The JavaScript this keyword refers to the object where it is used in. It's as if you could open your body, touch and move your organs kinda like. But instead of you doing this weird thing, the object does it on itself. (poor object .. ;/)
const iamObject = {
liver: [`cell`, 'cell'],
brain: [`coding`, 'coding'],
touc...
1
Select One:
State make React powerful
The heart of React - that's the state. It is an object which makes your component active and dynamic. This post will improve or build your understanding of this abstract topic for the most developer. As always, let's dive in!
I am gonna take in mind that you already know what are props - if no check my series (What the React),...
1
Select One:
forEach method in JavaScript
The main purpose of forEach method is it executes a provided function once for each array element. In other words, iterates over the array. Often used in functional programming. Always returns undefined.
// SYNTAX:
arr - The array forEach is iterating on
this - A value to use as this when executing callback (optional)
callb...
1
Select One:
Loading More Content
