Garbage collection in JavaScript
The JavaScript engine uses automatic garbage collection. JavaScript automatically manages memory by freeing up space used by objects no longer needed....
#concept
39개의 노트
What are Explicit binding in JavaScript
Explicit binding is a way to explicitly state what the `this` keyword is going to be bound to using `call`, `apply` or `bind` methods of a function.
What are Heap and Stack in JavaScript
The Heap and Stack in JavaScript Engine are two different data structures that store data in different ways.
What are Scopes in JavaScript
A scope is a set of variables, objects, and functions that you have access to. There are three types of scopes in JavaScript. Which are Global Scope, ...
What is a closure in JavaScript
A closure is a function that has access to its outer function scope even after the outer function has returned. This means a closure can remember and ...
What is a JavaScript promise
A Promise in JavaScript represents a value that may not be available yet but will be at some point. Promises provide a way to handle asynchronous oper...
What is callback hell in JavaScript
**Callback hell**, often referred to as **Pyramid of Doom**, describes a situation in JavaScript where multiple nested callbacks become difficult to m...
What is DOM
The Document Object Model (DOM) is a programming interface for HTML and XML documents. It represents the page so that programs can change the document...
What is Event Capturing in JavaScript
Event capturing is the first phase of event propagation. In this phase, the event is captured by the outermost element and propagated to the inner ele...
What is Event Loop in JavaScript
The Event loop is one the most important aspect to understand in JavaScript. It is the mechanism that allows JavaScript to perform non-blocking operat...
What is Hoisting in JavaScript
Hoisting is a JavaScript mechanism where variables and function declarations are moved to the top of their scope before code execution. This means tha...
What is Inheritance in JavaScript
Inheritance is a way to create a new `Class` from an existing `Class`. The new `Class` inherits all the properties and methods from the existing `Clas...
What is JavaScript
JavaScript (often abbreviated as JS) is a high-level, versatile, and widely-used programming language primarily known for its role in web development....
What is Prototype Chain in JavaScript
The prototype chain in JavaScript refers to the chain of objects linked by their prototypes. When a property or method is accessed on an object, JavaS...
What is Type Casting
Type conversion (or typecasting) means transfer of data from one data type to another. Implicit conversion happens when the compiler (for compiled lan...
What are Event Emitters in Node.js
Event Emitters is a class that can be used to emit named events and register listeners for those events. It is used to handle asynchronous events in N...
What are modules in Node.js
Modules are reusable blocks of code that can be imported into other files. They are used to encapsulate related code into a single unit of code that c...
What are streams in Node.js
Streams are objects that allow you to read data from a source or write data to a destination in a continuous manner. They are used to handle large amo...
What is Clustering in Node.js
Clustering is a technique used to distribute the load across multiple processes. It is used to improve the performance and scalability of Node.js appl...
What is Event Loop in Node.js
The event loop is a single-threaded loop responsible for handling all asynchronous tasks in Node.js. It continuously checks for events and executes as...
What is Node.js
Node.js is an open-source and cross-platform JavaScript runtime built on Chrome's V8 JavaScript engine. Node.js uses an event-driven, non-blocking I/O...
What is `npm`
`npm` is a package manager for Node.js. It is used to install, update, and remove packages from the Node.js ecosystem. It is also used to manage depen...
What is `npx`
`npx` is a tool that allows you to run Node.js packages without installing them. It is used to execute Node.js packages that are not installed globall...
What is REPL in Node.js
REPL stands for Read-Eval-Print-Loop. It is an interactive shell that allows you to execute JavaScript code and view the output immediately. It is use...
What is the full form of `npm`
`npm` stands for Node Package Manager.
component's lifecycle
In React functional components, **lifecycle-like behaviors** are achieved ==using hooks==:
Concurrent React (Concurrent Mode)
Concurrent React, previously referred to as Concurrent Mode, is a set of new features in React that allows React to interrupt the rendering process to...
Context
Context provides a way to pass data through the component tree without having to pass props down manually at every level. Context is primarily used wh...
Features of React
Use of Virtual DOM instead of Real DOM, JSX, Server-side rendering, Unidirectional data flow or data binding, Reusable components, etc.
Fragments
React doesn't allow returning multiple elements from a component. You can use fragments to return multiple elements.
Higher-Order Components (HOCs)
A higher-order component (HOC) is a function that takes a component and returns a new component. Basically, it's a pattern that is derived from React'...
Hydration
Hydration is the process of using client-side JavaScript to add interactivity to the markup generated by the server. When you use server-side renderin...
Pure Components
Pure components re-render only when the props passed to the component changes. For example, if you have a pure child component inside a parent compone...
Reconciliation
Reconciliation is the process through which React updates the DOM by comparing the newly returned elements with the previously rendered ones. React up...
ref forwarding
By default, each component’s DOM nodes are private. However, sometimes it’s useful to expose a DOM node to the parent—for example, to allow focusing i...
Refs
Refs are used to get reference to a DOM node or an instance of a component. They help to access the DOM nodes or React elements created in the render ...
Server Components
Server Components allow developers to write components that render on the server instead of the client. Unlike traditional components, Server Componen...
Synthetic Events
React differs from HTML in that it uses a synthetic event system instead of directly binding to the browser’s native events. This system brings consis...
What is a React
React, is an open-source JavaScript library for building user interfaces (UIs). It was developed and is maintained by Meta, and is widely used by deve...