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.
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.
To perform an action in a React component after calling setState, such as making an AJAX request or throwing an error, we use the setState callback.
In this lesson, we’ll cover React state, how it works, and how we can use the useState Hook to build a simple dice rolling app. Let’s begin!
Build a form validation engine using custom React Hooks, from scratch, without having to learn a single form library. Read on to learn how!
Use custom React Hooks to build forms that require half the code to write, are reusable, and are much easier to read. Read on to learn more!
APIs and AJAX Requests in React
Sooner or later, every React developer needs to know how to make AJAX requests to fetch data from a server (make API calls). Let’s learn how!
Axios is a library used to make HTTP requests from the browser. Read on to learn how to use Axios with React to make API requests and display the response.
Building React Components
Learn how to build a React switch component using the native HTML checkbox input! You’ll learn plenty about React checkboxes in the process.
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!
React Event Handlers
There is no onHover event handler in React. Instead, we have the onMouseDown, onMouseLeave, and onMouseEnter events to perform onHover actions in React.
There are several ways to call muliple onClick events in React, each with its own pros and cons. Let’s explore each one and learn how they work 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!
The onChange event in React detects when the value of an input element changes. Let’s dive into some common examples of how to use onChange in React.
In React, the onClick handler allows you to call a function and perform an action when an element is clicked. onClick is the cornerstone of any React app.
Love Atom? Are you a front end developer? Then read on as I share the best Atom packages for front end developers (Updated November 2018).
It’s about time I shared my reasons why I came back to web development after five years of iOS development, and why I attribute a lot of these reasons to React.
On January 1st, 2019, a little over 12 months ago, I decided to start a blog. Little did I know that 12 months later my posts would reach over 65,000 readers every month.