Joel Olawanle

Articles: 63

Joined: Feb 07, 2022

Frontend Developer & Technical Writer

Recently published

Article

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...

Joel Olawanle

Jul 11, 2022·15 min read

Article

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...

Joel Olawanle

Jul 06, 2022·8 min read

Article

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...

Joel Olawanle

Jul 05, 2022·6 min read

Article

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...

Joel Olawanle

Jun 23, 2022·8 min read

Article

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...

Joel Olawanle

Jun 22, 2022·5 min read

Article

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...

Joel Olawanle

Jun 20, 2022·18 min read

Article

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...

Joel Olawanle

Jun 16, 2022·5 min read

Article

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...

Joel Olawanle

Jun 15, 2022·9 min read

Article

Loading... Animation in Vanilla JavaScript

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...

Joel Olawanle

Jun 14, 2022·10 min read