Sometimes we need web applications to respond to window size changes. In this article, we will show how to access window width in React, and implement responsivity features for best UX possible. Get window width in React React is one of three main JavaScript-based libraries….
If the user has to fill out a form multiple times, it’s a good idea to reset form after they submit it. Like so: In this article, we will show how to improve User Experience by clearing the form once it is submitted. We will…
Sometimes websites are overloaded with text, images, and other forms of content. The only way to fit all of this information on a screen is to allow scrolling. In this article, we will show you how to implement a scroll to bottom feature in React,…
It’s common to have an array of objects that describe individual items. For example, an array of objects where each object describes an individual person. In this article, we’ll show you how to loop through an array of objects in React. I’ll also show you…
Web developers love React because of its many dynamic features. For example, using internal state values to specify elements’ appearance. In this article, we’ll discuss how to conditionally add className values to JSX elements. We’ll show different ways to add a className value to elements:…