How React Reignited My Love for Web Development
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.
Latest Posts
How to Check if Object is Empty in JavaScript
I’ll show you how to check if an object is empty in JavaScript. Checking if an object is empty is not as simple as checking if an array is empty.
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.
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.
React Hooks
How to Use the setState Callback in React
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.
Simplifying React State and the useState Hook
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 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.
React Forms
Form Validation Using Custom React Hooks
Build a form validation engine using custom React Hooks, from scratch, without having to learn a single form library. Read on to learn how!
Using Custom React Hooks to Simplify Forms
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
React AJAX Requests: How to Fetch Data
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!
Using Axios with React to Make API Requests
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
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.
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.
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!
React Event Handlers
React onHover Event Handling (with Examples)
There is no onHover event handler in React. Instead, we have the onMouseDown, onMouseLeave, and onMouseEnter events to perform onHover actions in React.
Multiple onClick Events in React (With Examples)
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!
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!
React onChange Events (With Examples)
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.
React onClick Event Handling (With Examples)
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.
JavaScript
How to Check if Object is Empty in JavaScript
I’ll show you how to check if an object is empty in JavaScript. Checking if an object is empty is not as simple as checking if an array is empty.
How to Remove a Character from a String in JavaScript
A common form of string manipulation in JavaScript is to remove a character from a string. Let’s explore all of the ways we can do this in JavaScript.
JavaScript Substring: Extracting Strings (With Examples)
The JavaScript substring method returns part of a string that is specified through two parameters: the start character and end character of that string.
Web Development
Best Atom Packages for Front End Developers (Updated 2019)
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).
How React Reignited My Love for Web Development
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.
jQuery vs React: The Ultimate Comparison Guide
jQuery and React are both JavaScript libraries, but they each have their pros and cons. Read on to answer the jQuery vs React debate!
Specials
2019 Year In Review
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.