Prototypal Inheritance, Constructor function, Prototype Chain, ES6 Classes, Object.create() and Inheritance between “Classes”. — What Is Object-Oriented Programming? Object-Oriented Programming(OOP) is a programming paradigm based on the concept of objects. And paradigm simply means the style of the code, how we write and organize code. We use objects to model (describe) aspects of the real world, like a user or a to-do list item, or even more abstract…

Call Stack, Web APIs, Event Queue, Micro-tasks, and Macro-tasks — The event loop is the secret behind JavaScript’s asynchronous programming. JS executes all operations on a single thread, but using a few smart data structures, gives us the illusion of multi-threading. The asynchronous behavior is not part of the JavaScript language itself, rather it is built on top of the…

Data types in JavaScript can be divided into two main categories— primitive data types and reference data types. Primitive data types: The value assigned to the variable of primitive data type is tightly coupled. That means, whenever you create a copy of a variable of primitive data type, the value…

Lexical scoping, Scope Chain, Advantages, and Disadvantages — A closure is a combination of a function bundled together (enclosed) with references to its surrounding state (the lexical environment). In other words, a closure gives you access to an outer function’s scope from an inner function. In JavaScript, closures are created every time a function is created, at…

Overview, JSON data, Error handling, HTTP interception, Response Timeout, Simultaneous Requests, Download progress, Upload progress, Browser support — Overview Fetch — The Fetch API provides a JavaScript interface for accessing and manipulating parts of the HTTP pipeline, such as requests and responses. It also provides a global fetch() method that provides an easy, logical way to fetch resources asynchronously across the network.

GET, POST, PUT, PATCH, DELETE, HEAD, OPTIONS, and TRACE — GET GET requests are the most common and widely used methods in APIs and websites. Simply put, the GET method is used to retrieve data from a server at the specified resource. For example, say you have an API with a /users endpoint. …

Dumb Component, Smart Component, Pure Component, Higher-Order Component, Controlled & Uncontrolled Component — A Component is one of the core building blocks of React. In other words, we can say that every application you will develop in React will be made up of pieces called components. Components make the task of building UIs much easier. “Components let you split the UI into independent…

Pagination, Infinite scrolling, Load more, react-virtualized, and react-window — Web applications are continuously getting bigger and content to show on a single screen keeps on growing with time. Now the problem which arises here is rendering such large amounts of data. Lists are an integral part of most web applications because they help display data in a more presentable…

Differences, similarities, and tips for choosing — From startups to established enterprises — every business prefers to build robust and reliable web-based applications while using a fully-loaded, feature-rich framework as fast as possible. And, if you are using Javascript to build an application, Angular and React remain the most popular frameworks of all time. From user experience…