Frontend Developer & Technical Writer
How to Set Focus On Element After Rendering With React
By setting the focus on an element, we gently guide a user to the next expected input field, giving them a better browsing experience with less guesswork. In this article, we will learn how to set focus on an element after rendering our React application or a React component. In...
GET HTTP Request in React
When developing web applications - we routinelly access resources hosted on a server. Asking for, sending, or performing other operations on resources is accomplished through HTTP requests. These requests are sent from the client to a host on a server. When making HTTP request, the client employs a URL (Uniform...
POST HTTP Request in React
When working with APIs we oftentimes want to send data to the server for processing. For example, if we have a list of to-dos and want to add to it, perhaps through a form submission, we use POST HTTP requests to send a request with a payload for processing and...
How to Style Hover in React
Working with visuals is an excellent way to keep our interface interactive and to capture the user's attention. Having objects animated on our screen creates a unique experience and increases interactivity. In this article, we will learn how to style hover in React using CSS, as well as how to...
Resizing Images with React
It's always a good idea to have visuals on a website or web application because they help engage a user, but when these images are so large that a user has to scroll through, distorting the entire page, it achieves the opposite effect. In this article, we will learn how...
Guide to String Interpolation With React
When working with strings, situations may arise that require us to dynamically add a specific value into such a string so that it still returns a string, the act of doing this is referred to as string interpolation. This dynamic value could be a variable, state, or anything else that...
Importing Images With React
When developing web applications with React, we typically want to include visual elements to capture the users' interest. These visual elements could be any type of image, including JPGs, PNGs, SVGs, GIFs, and many others. In this article, we will learn how to import images with React and see the...
Guide To Vue Router
When developing web applications with Vue.js, unless you're building a Single-Page Application (SPA), you'll want to connect multiple pages to a landing page to allow users to navigate through them. This is known as routing. Routing is the process by which a user is navigated to different pages on...
Storing to localStorage in React
When developing lightweight applications - we may want to store some data. If a database is overkill - there's a great alternative: localStorage! While it doesn't replace a database for, well, database purposes, it does serve as a simple file-based storage system that you can leverage to store easily-accessible data...