Frontend Developer & Technical Writer
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 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 contains...
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...
Guide to Lazy Loading With React
When developing large React applications, we typically use many images and videos, install third-party packages/libraries, make API calls, and do a variety of other things. That naturally increases the time it takes to load our application and results in a massive bundle size, which contributes to a poor user...
When developing websites and web applications, including a loading animation can improve the user experience significantly by communicating what's going on. This engages users and keeps their attention while loading the content, and it helps users understand what is going on rather than leaving them guessing. In this guide, we'll...