Rahul
@rahulism
Joined March 29th, 2021
16😬 | Developer and Blogger | JavaScript and React 🍕 | Hustler⚡
State and React router - Shorts
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:
Decorators and Object creation pattern in JavaScript
Object creation mechanisms increase the flexibility and reuse of existing code. Here in this post, we will see the Object Creation Pattern in JavaScript.
Some patterns to create an object are:
Factory pattern
Constructor pattern
Prototype pattern
Constructor / Prototype pattern
Factory Pattern
The factory pattern uses a func...
3
Select One:
An Introduction to RxJS - Shorts
RxJS (Reactive Extensions for JavaScript) is a library for receptive programming utilizing observables that makes it simpler to make nonconcurrent or callback-based code.
There is a lot to it, this post is the only introduction to RxJS. Creating applications with RxJS would enjoy many benefits and it would give you extraordinary...
2
Select One:
React.Fragments in React - Shorts
When working with React, there are times when you'll need to pass around gatherings of React components.
And keeping in mind that it used to be that doing as such expected you to add futile holder parts or befuddling arrays.
Respond settled this by presenting Fragments — a basic way of collecting components without addi...
3
Select One:
globalThis in JavaScript - Shorts
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:
forEach() in JavaScript - Shorts
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...
Select One:
![10 Crucial Tips For Better Social Media Management [Plus Tools]](https://cdn.devdojo.com/posts/images/October2021/10-crucial-tips-for-better-social-media-management-plus-tools2.jpg)
10 Crucial Tips For Better Social Media Management [Plus Tools]
According to the latest social media statistics, there are about 3.78 billion users worldwide across different social media platforms . That is almost 48 percent of the total world population and this number will continue to grow for the next few years. This makes social media one of the most ideal ways to reach customers where...
Select One:
The 10 Best Free Graphic Maker Tools for Marketers and Beginners
Graphic design has grown to become the foremost component of successful digital marketing. It is a powerful form of art that adds modern flair to the marketing efforts of almost every company.
While it is a key component for building brand awareness, many marketers find it challenging to create this modern art. This makes graphi...
Select One:
Open Source is the future? Advantages and Disadvantages
Open source programming has been around for quite a while. At the point when it previously came out, open-source programming was seen as dangerous and juvenile. In any case, with the progression of time, an ever-increasing number of organizations began creating and expanding upon open source.
open source depicts the kind of prog...
3
Select One:
8 JavaScript string method | Brief and Simple
A JavaScript string stores a series of characters like "Rahul". String indexes are zero-based: The first character is in position 0, the second in 1, and so on. So here in the post, we're gonna see some of these useful string methods you can use for your projects to save your time and increase your productivity.
Let's...
Select One:
Classes in JavaScript | Short yet smart guide
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-oriented languages (java,...
5
Select One:
Code fast and efficient : TIPS
Speeding up your coding skills is an important factor for all the coders. Many of them have no clue as to how to improve coding speed. Some try to rush through the code and end up with a bunch of bugs. Other few take their time and end up with an unbeaten timeline. Here are the major things to be taken care of if you want to imp...
Select One:
JavaScript Promises - All you need to know about
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...
6
Select One:
The complete guide to Object Destructuring in 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",...
3
Select One:
Module Pattern in JavaScripit OOP - Quickie😉
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...
4
Select One:
Inheritance and Composition JavaScript Tutorial
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...
5
Select One:
What is Nullish Coalescing Operator? - JavaScript
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:
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...
5
Select One:
Mobile Security Testing Tools: MobSF vs. Competitors
Mobile Application Testing is a fundamental step in software application development where developers test the product for its functionality, security, performance, and accessibility. Security testing in a mobile application is requisite to prevent security breaches, virus or malware infection. Mobile Application Security Testin...
1
Select One:
Top 4 Amazing font generators for looking cool on the Web
Everyone wants their website to look unique, so we'll learn about some Typography font generators in this post. Let's get into it.
What is Typography?
Most importantly, typography is about convenience. Type is the UI for passing on data, and passing on data is what we're here to do on the web.
After (and solely after) convenien...
6
Select One:
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:
Loading More Content
