Category Tutorial

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…

React Props Validation with Example

React Props Validation with Example

React Props are an important mechanism in our application, since they are read-only and immutable, the React props validation becomes a big issue because props are used to transfer data from one component to another component. If the component gets…

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…

React useImperativeHandle Hook

React useImperativeHandle Hook

In this part, we will learn about react useImperativeHandle hook. In react, Data can be passed from parent to child component using props, which is known as unidirectional data passing. In the case of props, the parent component cannot access…

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…

How to Make Stopwatch in React

How to Make Stopwatch in React

In this article, we are going to make a stopwatch in React. Like a basic stopwatch, we will have a display to show time, then we will have basic buttons for start, stop, resume, and reset. As soon we hit…