Tag react

Why React Keys Are Important?

Why React Keys Are Important?

In this part, we will discuss react keys. As we have talked about react list then we also should know about react keys, So react keys are important when you use lists because it is recommended to give a unique…

Controlled and Uncontrolled Components in React

Controlled and Uncontrolled Components in React

In this part, we will learn about react forms, and controlled and uncontrolled components. React forms are a little different from actual HTML forms because form elements keep the initial state. There are two types: Controlled Component and Uncontrolled Component.…

How to Work With The React Context API

How to Work With The React Context API

In this part, we will see about react context API. So react context API is a concept provided by react hooks, React context API allows us to easily access data at different levels of the component tree, without using props…

How to Make E-commerce Product Card Using ReactJS

How to Make E-commerce Product Card Using ReactJS

In this article, we will make an E-commerce Product Card Using ReactJS. This will be a beginner-friendly project and quite easy to understand. Also, we will use here most of the React concepts to build this UI. In this project,…

How To Make Income Tracker In React

How To Make Income Tracker In React

In this article, we will create an income tracker in react. Here we have some fields where user can write their income source, income and date. As user fill these, user clicks on button and data will be entered on…

How to Make Typing Game in React

How to Make Typing Game in React

In this article, we will create a typing game in React. This typing game will usually be like other typing games where we can get accuracy and words per minute as a result. Here we will have a timer, then…

style prop value must be an object

React Error: style prop value must be an object

In this article, we will talk about style prop value must be an object. This is the error in react when we try to use the style in the JSX element. Simply, when we try to pass style like in…

React State vs Props

React State vs Props – Difference Between State And Props

In earlier parts, we have learned about state and props. Now we will see the differences between React State vs Props one by one, both are actually important topics to learn, so it is also important to understand the differences…

How to Make Tic Tac Toe Using React

How to Make Tic Tac Toe Using React

In this article, we will make a very famous game Tic Tac Toe using react. Since tic tac toe is a very famous and cool game it gives some nostalgia for our childhood memories. Also, this game is so popular…

How to Make QR-Code Generator in React

How to Make QR-Code Generator in React

In this article, we are going to make a QR-code generator in React. A QR-Code is a barcode which is readable by a machine. Nowadays, we all use QR-Codes for Wi-Fi, online transactions, at malls, etc. it is simply used…

How to Make Accordion in React

How to Make Accordion in React

In this article, we will make a simple accordion in react. Accordion is useful when we need to create some application users interactively. Basically, we will create a bunch of questions and if we click on the question, then the…

How to Make Quote Generator in React

How to Make Quote Generator in React

In this article, we are going to make a quote generator in React. We will use a JSON file to get a random quote, this will allow our application to get a unique and new quote every time we refresh…