Joan Ayebola

HI, I am Joan, a frontend developer and technical writer who's deeply passionate about open-source technologies. With several years of experience in the industry, I have been involved in various projects, contributing code, and writing technical documentation to empower developers worldwide. When not coding or writing, I enjoy crocheting, reading and listening to podcasts. If you enjoy reading my tech articles, consider buying me a coffee to help me more contents and projects for developers.

40 posts •

How to Build an Expense Tracker with HTML, CSS, and JavaScript

#JavaScript

How to Build an Expense Tracker with HTML, CSS, and JavaScript

How to Create Interactive HTML Prototypes – How Far Can You Go Without JavaScript?

#HTML

How to Create Interactive HTML Prototypes – How Far Can You Go Without JavaScript?

How to Use Server-Side Rendering in Next.js Apps for Better SEO

#HTML

How to Use Server-Side Rendering in Next.js Apps for Better SEO

Data Flow in Redux Explained – A State Management Handbook

#handbook

Data Flow in Redux Explained – A State Management Handbook

How to Use Breakpoints for Responsive Web Design

#responsive design

How to Use Breakpoints for Responsive Web Design

What are Controlled and Uncontrolled Components in React.js?

#components

What are Controlled and Uncontrolled Components in React.js?

How to Use WeakMap and WeakSet in JavaScript

#JavaScript

How to Use WeakMap and WeakSet in JavaScript

How to Create Objects in JavaScript

#JavaScript

How to Create Objects in JavaScript

What are Higher Order Functions in JavaScript? Explained With Examples

#functions

What are Higher Order Functions in JavaScript? Explained With Examples

The Difference Between <b> and <Strong> in HTML – Explained with Examples

#HTML

The Difference Between <b> and <Strong> in HTML – Explained with Examples

Function Components vs Class Components in React – With Examples

#components

Function Components vs Class Components in React – With Examples

What is Dead Zone in JavaScript?

#JavaScript

What is Dead Zone in JavaScript?

Prop Drilling in React Explained with Examples

#React

Prop Drilling in React Explained with Examples

Virtual DOM vs Shadow DOM – What's the Difference?

#Document Object Model

Virtual DOM vs Shadow DOM – What's the Difference?

How to Work with Redux-Thunk – Explained with Examples

#React

How to Work with Redux-Thunk – Explained with Examples

Console Logging Tips – How to Debug and Understand Your Code

#clean code

Console Logging Tips – How to Debug and Understand Your Code

How to Work with useMemo in React – with Code Examples

#hooks

How to Work with useMemo in React – with Code Examples

How to Use the <input> Element to Access a Mobile Device's Camera

#HTML5

How to Use the <input> Element to Access a Mobile Device's Camera

How to Manage State in React Apps with APIs – Redux, Context API, and Recoil Examples

#React

How to Manage State in React Apps with APIs – Redux, Context API, and Recoil Examples

How to Work with RESTful APIs in React

#React

How to Work with RESTful APIs in React

The JavaScript String Handbook – How to Work with Strings in JS

#handbook

The JavaScript String Handbook – How to Work with Strings in JS

How to Use an API with Postman – A Step-by-Step Guide

#api

How to Use an API with Postman – A Step-by-Step Guide

How to Handle Errors in React Applications

#error handling

How to Handle Errors in React Applications

Asynchronous JavaScript – How to Use Promises in Your JS Code

#asynchronous programming

Asynchronous JavaScript – How to Use Promises in Your JS Code

#React

How to Use setTimeout in React Using Hooks