![Detect a click outside a React Component](data:image/svg+xml;nitro-empty-id=NTg1OjkzNA==-1;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNzY4IDUzMiIgd2lkdGg9Ijc2OCIgaGVpZ2h0PSI1MzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+)
In this blog, we will learn How to Detect a Click Outside of a React Component using useEffect and useRef hooks and event listeners
![Infinite Scroll in React](data:image/svg+xml;nitro-empty-id=NTkxOjEwMTQ=-1;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNzY4IDUzMiIgd2lkdGg9Ijc2OCIgaGVpZ2h0PSI1MzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+)
learn How to Use Hooks to Create Infinite Scrolling in React by making a custom hook in React.
![Movie App in React](data:image/svg+xml;nitro-empty-id=NTk3Ojg3NA==-1;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNzY4IDUzMiIgd2lkdGg9Ijc2OCIgaGVpZ2h0PSI1MzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+)
React Movie App or Movie App in React is a fun project that every React developer should make once, in order to improve/ enhance/ polish their React coding...
![Context API](data:image/svg+xml;nitro-empty-id=NjAzOjg1MQ==-1;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNzY4IDUzMiIgd2lkdGg9Ijc2OCIgaGVpZ2h0PSI1MzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+)
React Context API was mainly introduced to solve one of the major problems that React developers like us were facing at that time - prop drilling and ...
![TreeMap in Java](data:image/svg+xml;nitro-empty-id=NjA5OjcyNQ==-1;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTYwIDMzOCIgd2lkdGg9IjU2MCIgaGVpZ2h0PSIzMzgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+)
TreeMap in Java, just like the HashMap, is part of the java collection framework. It is a red-black tree-based implementation of the Map interface...
![factorial of a given number](data:image/svg+xml;nitro-empty-id=NjE1Ojc1Mw==-1;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjUyIDQyMiIgd2lkdGg9IjY1MiIgaGVpZ2h0PSI0MjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+)
In this blog, we will see how to calculate the factorial of a given number even if that number is large..
![merge two sorted arrays](data:image/svg+xml;nitro-empty-id=NjIxOjY5Nw==-1;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjY0IDQyMSIgd2lkdGg9IjY2NCIgaGVpZ2h0PSI0MjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+)
In this blog, we're going to learn how to merge two sorted arrays into a single sorted array using different approaches like insertion sort, merge sort...
![Selection Sort Algorithm](data:image/svg+xml;nitro-empty-id=NjI3Ojc4OQ==-1;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNzY4IDQ1MCIgd2lkdGg9Ijc2OCIgaGVpZ2h0PSI0NTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+)
Selection Sort Algorithm is an in-place comparison-based sorting algorithm that sorts the array by repeatedly finding and...
![](data:image/svg+xml;nitro-empty-id=NjMzOjY0NA==-1;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNzc0IDQ1NCIgd2lkdGg9Ijc3NCIgaGVpZ2h0PSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+)
In this blog, we will use the TypeScript version of Particle JS React which is a package for creating 2Danimations to give our App a beautiful Fireworks effect
![](data:image/svg+xml;nitro-empty-id=NjM5OjY5Ng==-1;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjc1IDQyNyIgd2lkdGg9IjY3NSIgaGVpZ2h0PSI0MjciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+)
Given three numbers n, r and p, compute the value of nCr%p. Here p is a prime number greater than n, and nCr is the Binomial Coefficient.
![nCr%m](data:image/svg+xml;nitro-empty-id=NjQ1OjYyNA==-1;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjkzIDQzNSIgd2lkdGg9IjY5MyIgaGVpZ2h0PSI0MzUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+)
We are given three integers n, r, and p, we have to find the value of nCr%p. Here p is a natural number greater than n and nCr is the Binomial Coefficient.
![](data:image/svg+xml;nitro-empty-id=NjUxOjY2NQ==-1;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTgwIDM1NSIgd2lkdGg9IjU4MCIgaGVpZ2h0PSIzNTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+)
HashMap in Java is a part of the Java Collection Framework which stores data in the form of Key and Value pairs where the key is a unique
![](data:image/svg+xml;nitro-empty-id=NjU3OjY0OQ==-1;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjE4IDQwNCIgd2lkdGg9IjYxOCIgaGVpZ2h0PSI0MDQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+)
Given an array A[] of 0s, 1s, and 2s of size N, the task is to write a function that can sort an array of 0s, 1s and 2s in ascending order
![](data:image/svg+xml;nitro-empty-id=NjYzOjYyNQ==-1;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTgxIDM0OSIgd2lkdGg9IjU4MSIgaGVpZ2h0PSIzNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+)
In this blog, we will learn what exactly array rotation is? And how to rotate an array either in the left or the right direction.
![](data:image/svg+xml;nitro-empty-id=NjY5OjY3Mg==-1;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDkyIDMxOSIgd2lkdGg9IjQ5MiIgaGVpZ2h0PSIzMTkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+)
Leaders in an array are those elements that are greater than the elements on their right-hand side in the array. To solve them we have to...
![](data:image/svg+xml;nitro-empty-id=Njc1OjcxMw==-1;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTYwIDM1NyIgd2lkdGg9IjU2MCIgaGVpZ2h0PSIzNTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+)
Arrays can only store a fixed number of elements in it thus making it impossible to either add or remove an element from an array without ...
![](data:image/svg+xml;nitro-empty-id=NjgxOjYzMA==-1;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDQ1IDMyMSIgd2lkdGg9IjQ0NSIgaGVpZ2h0PSIzMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+)
the power that hooks have given us has gone beyond our imagination. Here we can even make Custom Hook(s) and use them in our apps like other hooks...
![](data:image/svg+xml;nitro-empty-id=Njg3OjY4MA==-1;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjkxIDQwMyIgd2lkdGg9IjY5MSIgaGVpZ2h0PSI0MDMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+)
Time Complexity of algorithms is the amount of time taken by an algorithm to run, as a function of the length of the input..
![](data:image/svg+xml;nitro-empty-id=NjkzOjc0MQ==-1;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjAwIDM2NyIgd2lkdGg9IjYwMCIgaGVpZ2h0PSIzNjciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+)
React table is a library used for creating data tables with data grids which can sometimes be a hassle to make or deal with. It uses Hooks to ...
![](data:image/svg+xml;nitro-empty-id=Njk5OjcxNA==-1;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNzEyIDQ1MyIgd2lkdGg9IjcxMiIgaGVpZ2h0PSI0NTMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+)
Some ReactJS Bad Practices include- 1. Using Index as the key in the map function 2. Polluting Render method by using Anonymous functions 3. Using Nested Components ...