How to Detect a Click Outside of a React Component using Hooks?
In this blog, we will learn How to Detect a Click Outside of a React Component using useEffect and useRef hooks and event listeners
Category React JS
How to Implement Infinite Scrolling in React by Making a Custom Hook
learn How to Use Hooks to Create Infinite Scrolling in React by making a custom hook in React.
How to build a Movie App in React using TMDB API?
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...
A Guide to React Context API and useContext hook
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 ...
How to make Fireworks in React with Particle JS React
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
How to Make a Custom Hook in React
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...
How to Make a Table in React using React Table library
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 ...
ReactJS Bad Practices and how to avoid them
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
...
Explaining React JSX in Depth
JSX stands for JavaScript Syntax Extension. It is a syntax for writing JavaScript and HTML together separated by curly braces.
How to Make a Table in React using Hooks with Multiple Features
In this blog, we will make a table in React that can add, delete, edit, filter a row with sorting and pagination.
How to make a Pokemon App in React
The Pokemon App in React is one of the most important Apps that one should make as a beginner to test his skills and knowledge of React.
What are Props in React, and how to use them?
Props in React are the read-only properties that are passed between two components mostly from the parent component to the child component.
How I made my Portfolio in React?
Portfolio is one app that every developer should have as it showcases his work, and portfolio in React will not only showcases your work but is also ...
Explaining useEffect Hook in React
useEffect hook is one of the most used hooks in React and it specializes in performing side effects in Functional Components.
What is the useState hook in React JS?
useState hook in React JS is a Hook that lets us add React state to function components”. It simply means that we can now declare state variables to functional components
What are hooks in React and What are it’s Rules?
Hooks are an addition to the Functional Components through which we can work with states and other React features without first converting them into classes as it was the ...
How to Dynamically Build a Calculator in React
We all have made calculator in JS, now its time to make it in React but dynamically. In this post we will cover some main but basic concepts of react ...
How to Host a React App on Netlify with Custom Domain
In this blog, we will see how to host a React App for free using Netlify with a custom domain and a ...
How to create a Dictionary App in React
In this blog, we will make a Dictionary App in React which will print all the meanings, synonyms, antonyms, and examples of the given word...
How to Host a React App on GitHub Pages with a Custom Domain.
GitHub has its hosting service which is called GitHub Pages. In this blog, we will see how to host a react app on GitHub Pages.