Joel Olawanle

Articles: 45

Joined: Feb 07, 2022

Frontend Developer & Technical Writer

Recently published

Article

Guide to React Event Management

Events usually represent some type of interaction between the user and the app - any time a user clicks on the object, types in the input field, drag or drop some element, and so on. Therefore, each event usually requires some type of reaction from the app. Each time a...

Joel Olawanle

Apr 19, 2022·12 min read

Article

Guide to Deploying a React App to Netlify

Deployment is the process of moving our code from a source control system to a hosting platform where it gets stored, and can be served as an application to end users. Typically, this is done either in the cloud or on a local server. Prior to the advent of cloud...

Joel Olawanle

Apr 18, 2022·17 min read

Article

Character Counter for Text Areas with Vanilla JavaScript

A character counter is a handy UI feature that displays the remaining number of characters a user can input in a text field - if a text field is bounded to a relatively small input size (such as Twitter's limit on 280 characters per tweet). This feature is commonly used...

Joel Olawanle

Apr 11, 2022·7 min read

Article

Get the Current Array Index in JavaScript's forEach()

An Array in JavaScript is a standardized, built-in object used to store multiple objects under the same name. In simple terms, you can look at the Array object as an array in any other programming language. It is essentially a class that encapsulates an array (an ordered list of values)...

Joel Olawanle

Apr 07, 2022·4 min read

Article

Guide to JavaScript's forEach() Method

The forEach() method is one of many that can be used to loop through the contents of an array and show each element successively. It has the distinct qualities that set it apart from other techniques of iterating over arrays, meaning it's up to you to select which method to...

Joel Olawanle

Apr 06, 2022·17 min read

Article

Guide to Creating Charts in JavaScript With Chart.js

Data helps us tell compelling stories, data visualization is the graphical representation of information and data using graphic elements such as charts, graphs, and so on, there are a few libraries out there that can help us produce beautiful outcomes with relatively little work and Chart.js is one of...

Joel Olawanle

Apr 01, 2022·19 min read

Article

Guide to Vue Event Handling With v-on: Mouse, Keyboard, Form and Custom Events

Event handling is a very important concept when trying to make an interactive application. Generally speaking, an event is a signifier of an interaction between a user and our application - clicking, typing on a keyboard, and so on. Interactive and reactive applications are, in essence, built around the concept...

Joel Olawanle

Mar 25, 2022·11 min read

Article

Conditional Rendering/Display in Vue with v-if, v-show, v-else and v-else-if

Vue.js is a simple web app framework for creating dynamic web interfaces and Single-Page Apps (SPAs). As we create these apps, oftentimes, we want to render something based on a particular criteria - this is the essence of conditional rendering. Conditional rendering refers to the ability to render distinct...

Joel Olawanle

Mar 24, 2022·6 min read

Article

Redirects in React Router

If you're a developer working on any modern web application, you're probably aware of how important it is to properly set up routing. When you browse through many React Router tutorials, you may notice that they seldom mention redirects and instead focus on how to use the Link component. To...

Joel Olawanle

Mar 23, 2022·8 min read