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
...
Ateev Duggal
I am Ateev Duggal, a front-end web developer, and a blogger. I write blogs mainly on React JS and have an experience of over 1.5 years of freelancing. I have worked on both static and dynamic projects again using React JS like a table to show clients data which was fetched using API, a review slider, pagination component, etc, and many websites like Parent, landing pages for Ataota, and many more.
Some of my blogs have been published on freecodecamp, dev.to, Medium, geeks for geeks, and many other blogging platforms and developer's communities.
My Primary skills not only include React JS but HTML5, CSS3, JS, Jquery, Git, and Bootstrap also. You can visit my GitHub Profile and LinkedIn profile for more information about me or you can visit my Website at tekolio.com
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.
React Virtual DOM – Explained in Simple words
Virtual DOM is just a virtual copy of the actual object that the DOM has created for a specific node and...
How to Host React App for free using Vercel CLI
Vercel has another of Hosting an App which is through its CLI. This blog will help you with it
How to host a React App using Vercel Dashboard
There are many ways of hosting React App and Vercelis one of them. In this blog, we will see how to deploy...
10 Ways for Hosting a React App for Free
Here are 10 ways for Hosting a React App is done . Hosting is very essential as it allows..
How to Create a Random Quote Generator using an API?
Random Quote Generator is one of the basic coding problems and one that marks the beginning of API in the JS journey. This blog contains the step-by-step process...
How to Make a Slider in React JS with Hooks?
Slider in React js has become a necessary thing to have on a website. It can be used in any way like an image slide...
How to make Pagination in React js using React-Paginate?
Pagination in React js Gives Us A Way To Render Large Pieces Of Data in React By Dividing Them Into Several Pages Of Equal Posts...