Category Archives: JavaScript

JavaScript Arrays

An array is a linear data structure and collection of items stored at a contiguous memory location. Pairs of square brackets [ ] represent an array and all elements are comma (,) separated. An Array can hold multiple values(elements) of any type i.e (String, Number, Boolean, objects, and even other Arrays ) under a single Continue Reading »

HOISTING IN JAVASCRIPT (Variables & Function)

A Person with another programming background is definitely confused with hoisting in Javascript. So let’s deep dive into the hoisting in javascript The Javascript engine creates the global execution context when we execute a piece of Javascript code. Global Execution Context has two phases : (i) Creation Phase (ii) Execution Phase Definition: During the creation Continue Reading »

Recursion vs Dynamic Programming — Fibonacci

Introduction of Recursion and Dynamic Programming: Recursion is the process in which a function calls itself until the base cases are reached. And during the process, complex situations will be traced recursively and become simpler and simpler. The whole structure of the process is tree-like. Recursion does not store any value until reaching the final Continue Reading »

Annotations in Java

Annotations are used to provide metadata about class or method in java and can be used while compiling the program. Annotations were introduced in Java 1.5 version. Before that, we had an XML file for configuration. We write annotations with the ‘@’ sign, for example, @Override annotation. Here ‘@’ sign tells the compiler about the Continue Reading »

Debouncing in JavaScript

Debouncing in JavaScript Debouncing is a technique, use of Denouncing we can write better performance code that gets executed repeatedly within a period of time Debouncing ensures that time is taken to task, debouncing prevent unnecessary event on the web Debouncing code ignores unnecessary calls until the call has stopped for a particular time period. Continue Reading »

Currying in JavaScript

What is currying? Currying is a technique of evaluating a function with multiple arguments, into a sequence of functions with a single argument. OR In other words, while a function, rather than taking all arguments at one time, takes the primary one and goes back to a new function that takes the second and returns Continue Reading »

Destructuring in JavaScript

The Destructuring introduced new features of ES6.JavaScript provides a mechanism to handle the array and properties of objects in a much more innovative way. this mechanism is called destructuring. destructuring means implies a complex structure into the simpler parts. Destructuring allows us to extract multiple properties from an object or an Array. It is a Continue Reading »

 JavaScript Closures

A closure is a combination of a function bundled together (enclosed) with references to its surrounding state (the lexical scope). Lexical scoping The stance of a variable asserted in the source code denotes its scope in syntactic figuring. For example: let name = ‘John’; function greeting() {     let message = ‘Hi’;     console.log(message + Continue Reading »

Pure Components

In this article, we will discuss what are pure functions in javascript? What are pure components? When to use pure components in React and when not to use them? What is the difference between Pure components and class and functional components? What are the advantages of pure components over others? When a function is called Continue Reading »

CKEditor with strapi

CKEditor5 react is a modern JavaScript-rich text editor with a modular architecture. It is one of the most used free WYSIWYG rich text editors used because of it is clear UI and customization features. Generate Plugin             Path – my-app npm run strapi generate:plugin wysiwyg Install CKEditor dependencies Path –  ./plugin/wysiwyg npm i @ckeditor/ckeditor5-react @ckeditor/ckeditor5-build-classic Continue Reading »

Performance optimization with useMemo and useReducer

React Hooks introduced some memory optimization hooks to improve performance. Data Hooks are hooks which store data. You store data that the specified portion of the UI specifically relies on for visual changes and memoize/cache data that a given portion UI don’t directly rely on for visual changes.  Storing is different from memoizing/caching. There’s a Continue Reading »