React Portals
React, as a popular JavaScript library for building user interfaces, offers a powerful feature called “Portals.” These portals enable developers to render components outside the...
My Learnings
Explore my blog posts documenting the insights and solutions I've gained from overcoming challenges over the past three years. Dive into a range of topics and lessons that showcase my continuous growth and expertise.
Explore by topic
`dialog`: Element in HTML
In the realm of web development, HTML 5 introduced various new elements making web designing more interactive and user-friendly. Once such element is <dialog>. The...
ReactJS: Hand Written Notes
Credits: https://www.linkedin.com/posts/atechajay_handwritten-reactjs-notes-activity-7008818278110257152-w4Sq?utm_source=li_share&utm_content=feedcontent&utm_medium=g_dt_web&utm_campaign=copy
WP-Cron: Task Scheduling in WP
Cron is a job scheduler in Unix-like operating systems. It enables users to schedule tasks (known as cron jobs) to run periodically at fixed times,...
Building Input Component and Custom Hooksn In ReactJS
I learn learning ReacJS and i come across custom Custom hooks and Dynamic Reusable Input components Check this code How to use this component 2....
Working with Form and User Input
Working with forms and user input in React involves a few key steps. Here’s how you can handle forms and user input in a React...
Building Custom Hooks in React
React hooks have become an integral part of React development, providing a way to use state and other React features without writing a class, Custom...
Sending HTTP Requests in React JS
HTTP requests are an integral part of web developments. React, being a frontend library, doesn’t have native support for sending HTTP requests. However, it can...
Class based components in reactJS
PDF: https://github.com/academind/react-complete-guide-code/blob/13-class-based-cmp/slides/slides.pdf What and why Class-based components in React are ES6 classes that extend the component class from React library. They offer more features than...
‘this’ Keyword in JavaScript.
The ‘this’ keyword is a fundamental concept in JavaScript that can be confusing for both new and experienced developers. What is the ‘this’ keyword? In...
Closures
Function with there lexical scope form a bundle that’s called lexical scope. In JavaScript, a closure is a function that reference variable from its outer...
Recursion in JavaScript.
Recursion is a concept that is not only prevalent in JavaScript but in many other programing languages as well. In simple terms, recursion is a...
The arguments object
The arguments object is a special object in JavaScript that is automatically available within the scope of a function. It contains a list of all...
What is an IIFE in JavaScript?
IIFE: Immediately Invoked Function Expression An IIFE, or Immediately Invoked function Expression, is a common JavaScript design pattern used to create a self-contained and private...
Arrow functions
Arrow functions are a concise way to write functions in javaScript. They were introduced in ECMAScript 6 (ES6) and provide a shorter syntax compared to...
Function Parameters
In JavaScript, parameters of functions default to undefined. However, in some situations it might be useful to set a different default value. This is exactly...
Functions in JS
In JavaScript, functions are fundamental building blocks that allow developers to encapsulate a set of statements performing a task or calculating a value. A function...
Expressions and operators
In JavaScript, an operator is a symbol used to perform operations on operands (numbers, values or variables). for example, Here + is an operator that...
Build Simple Calculator
HTML JavaScript Styles
Control Flow In JS
Control flow statements are used to control the flow of execution in a program. They are used to make decisions, execute loops, and handle errors....