Joel Olawanle

Articles: 60

Joined: Feb 07, 2022

Frontend Developer & Technical Writer

Recently published

Article

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

Joel Olawanle

Sep 14, 2022·7 min read

Article

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

Joel Olawanle

Sep 13, 2022·12 min read

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

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