Beginner React Tutorials

January 13, 2020
How to For Loop in React (With Examples)

Let’s explore how to write a for loop in React. Although we can write a for loop in React, ES6 provides the more appropriate map function for us to use.

January 11, 2020
React Filter: Filtering Arrays in React (With Examples)

How can we use React to filter an array? What is filter in React? I’ll answer all of these questions plus show you some examples to get you started.

October 15, 2019
Pass a Parameter Through onClick in React

A common thing you will want to learn in React is how to pass a value as a parameter through the onClick event handler. Read on to learn how!

October 14, 2019
React Hello World: Your First React App (2019)

The best way to learn React is to re-create Hello World but for React. Let’s learn all there is to know about building a simple Hello World app in React!

July 25, 2019
Changing the Background Color in React

There are various ways of changing the background color of a React component, two of which we’ll explore: importing a CSS file and using inline styles.

July 23, 2019
How to Refresh a Page or Component in React

In React, there are two ways to refresh a page: updating the state and forcing a page reload. Let’s explore both methods of using React to refresh a page.

July 20, 2019
Build a React Switch Toggle Component

Learn how to build a React switch component using the native HTML checkbox input! You’ll learn plenty about React checkboxes in the process.

June 11, 2019
Build a Todo App in React Using Hooks

Build a simple todo app using React and React Hooks. This is a perfect starting tutorial for beginner and intermediate React developers.

May 12, 2019
Build a React Timer Component Using Hooks

Build a React timer component using the useState and useEffect Hooks in minutes. A React timer component is a great way to learn React, so let’s begin!

May 5, 2019
setInterval in React Components Using Hooks

Using setInterval inside React components allows us to execute a function or some code at specific intervals. Let’s explore how to use setInterval in React.

May 4, 2019
setTimeout in React Components Using Hooks

Use setTimeout in your React components to execute a function or block of code after a period of time. Let’s explore how to use setTimeout in React.

November 25, 2018
React Hooks: A Simple Introduction

React Hooks are a newly proposed feature that lets you use state and life-cycle methods without writing a class component.