Latest Posts

By Wade
Accessing A Child Component’s Methods From A Parent Component

In some very rare cases, you may need to call a child component’s method directly from a parent component. Generally speaking, this should be seen as only a last resort. Component communication in most cases should be limited to data binding (Both input and output), and and in some cases using a service to emit […]

By Wade
Inter-Component Communication In Angular – ViewChild

This article is part of a series on Inter-Component Communication in Angular. While you can start anywhere, it’s always best to start at the beginning right! Part 1 – Input BindingPart 2 – Output BindingPart 3 – Joining ServicePart 4 – ViewChild We’re now onto our final method of communicating between components in Angular. And […]

By Vlad Mihet
How to use React Hooks to Fetch Data

If you are not already familiar with the process of fetching data from an API or with React Hooks, I recommend checking these articles on those topics: Fetching Data in React: https://upmostly.com/tutorials/react-how-to-fetch-data-from-api Introduction to React Hooks: https://upmostly.com/tutorials/react-hooks-simple-introduction Now that we’re on the same page in terms of familiarity with the concept of hooks and data […]

React Hooks

View all
By Dawid Budaszewski
How to Rerender a Functional Component in React?

Have you ever wondered how you can rerender the component in React to reflect new changes?

By Osman Armut
What’s useEffect in React?

useEffect is a React hook for side effects. Side effects or effects are the operations that can affect other components and can’t be done during rendering.

By Osman Armut
How To Make a Custom Responsivity Hook in React?

In today’s world, every website design should be mobile-first. A custom hook for responsivity can help us to solve many styling problems. For example, we can render something differently on mobile screens, etc.

React Forms

By James Dietrich
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!

By James Dietrich
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

By James Dietrich
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!

By James Dietrich
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

View all
By Jesse Ryan Shue
Importing Components in React From Other Files: Step-by-Step Tutorial

React allows you to build very complex applications. But as your applications grow in size, your code can become messy and difficult to build on. Sometimes, we’d like to split different React components into logically separated files. This act of separating functionality is a common operation in almost any programming language, from Python to C++. […]

By Jesse Ryan Shue
How To Use React Native Timer (Example Code)

Timers are very commonly used in React for all sorts of applications. They allow you to manipulate the order in which events occur. From the React Native Timer documentation, there are four types of timers: Timeout (delay) Interval (repeat with interval) Immediate (call as soon as possible) Animation (call when the browser is ready to […]

By Pierre Ouannes
React Functional Components vs Class Components: When To Use, Basics

When you’re writing React components, you’re faced with a choice. Either functional components, or class components. Do you know what the similarities and the differences are? Which one should you use when?

React Event Handlers

By Jesse Ryan Shue
How To Use React onDrag Event Handler (Example Code)

onDrag allows you to execute a function when a user drags a component. It is passed as a JSX attribute. onDrag Use Cases As its name suggests, onDrag fires whenever a React component is being dragged. This can be useful in web apps that require drag-and-drop functionality, for example the famous work management app Trello. […]

By Jesse Ryan Shue
How To Use React onKeyPress (Example Code Included)

To handle key presses in React, we use onKeyPress. It is passed as an attribute in <input> elements, and can be used to perform actions for any event involving the keyboard, whether you want to call a function on any key press, or only when a specific key is pressed.   Why Use onKeyPress? Use Cases […]

By James Dietrich
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.

By James Dietrich
Adding Multiple Functions Inside a Single onClick Event Handler

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!

By James Dietrich
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!

By James Dietrich
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.

By James Dietrich
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

By Dawid Budaszewski
Do I know enough JavaScript to start learning React?

Many aspiring engineers are asking themselves the same question. Am I good enough with JavaScript to start learning React? You need to at have least a decent understanding of the main topics.

By Dawid Budaszewski
How to use map() in React applications

Map is one of the most popular and widely used functions when working with React.

By Osman Armut
Javascript “bind” method

Learn Javascript bind method.

By Osman Armut
“this” Keyword in Javascript

Learn how to use “this” keyword in Javascript.

By Jesse Ryan Shue
How Long Does it Take to Learn React?

React is one of the most popular JavaScript libraries out there. React gets over 10 million downloads a week from NPM, and is well-known as an essential skill to learn in web development. Less well known is how long React takes to learn. In this article, we’ll go over just that. Learning React can take […]

By James Dietrich
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.

By James Dietrich
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.

By James Dietrich
React Hello World: Your First React App

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!

By James Dietrich
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.

By James Dietrich
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

By James Dietrich
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).

By James Dietrich
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.

By James Dietrich
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!